HTML基础表单

HTML基础表单

1.表单标签

标签 描述

form：定义供用户输入的表单

input：定义输入域

textarea ：定义文本域 (一个多行的输入控件)

label ：定义一个控制的标签

fieldset ：定义域

legend ：定义域的标题

select：定义一个选择列表

option ：定义下拉列表中的选项

button ：定义一个按钮

hoden：隐藏

submit：自带提交按钮

reset：重置

date：日期

radio：单选

checkbox：复选

number：数字

email：邮件

password：密码

del：删除样式字体

ins：下划线字体

sup：上标

sub：下标

placeholder：文本框内显示文字

2.form表单中get与post区别

GET和POST是HTTP的两个常用方法

1.什么是HTTP?

超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议。
HTTP在客户端和服务器之间以request-response protocol（请求-回复协议）工作。
GET - 从指定的服务器中获取数据
POST - 提交数据给指定的服务器处理

2.GET方法：

使用GET方法时，查询字符串（键值对）被附加在URL地址后面一起发送到服务器：
/test/demo_form.jsp?name1=value1&name2=value2

特点：

GET请求能够被缓存
GET请求会保存在浏览器的浏览记录中
以GET请求的URL能够保存为浏览器书签
GET请求有长度限制
GET请求主要用以获取数据

3.POST方法：

使用POST方法时，查询字符串在POST信息中单独存在，和HTTP请求一起发送到服务器：
POST /test/demo_form.jsp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

特点：

POST请求不能被缓存下来
POST请求不会保存在浏览器浏览记录中
以POST请求的URL无法保存为浏览器书签
POST请求没有长度限制 

建议：

1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；

3.块级元素与行内元素

块级元素有：div，表单，表格，标题，段落等。

行内元素有：图片，输入框，span，stong

两者发区别：在标准文档中块级元素具有以下特点：

1.总是在新行上开始，占据一整行；

2.高度，行高以及外边距和内边距都可以控制；

3.宽度实在是与浏览器宽度一样，与内容无关；

4.他可以容纳内联元素和其他元素。

行内元素的特点：

1.和其他元素都在一行上；

2.高，行高及外边距和内边距部分可以改变；

3，宽度只与内容有关。

4.行内元素只能容纳文本或者其他行内元素。