【HTML5开发系列】表单元素

<form>
创建一个HTML表单
属性：
action 表示提交表单时浏览器应该把用户填写的数据发送到什么地方

method 用来指定表单数据发送到服务器的方式。允许值有get和post两个

enctype 用来指定浏览器发送给服务器的数据编码方式。该属性可用值有三个

值	说明
application/x-www-form-urlencoded	这是默认编码方式。它不能用来将文件上传到服务器
multipart/form-data	该编码方式用于将文件上传到服务器
text/plain	该编码方式因浏览器而异。详见下面说明

• application/x-www-form-urlencoded是默认的编码方式，除了不能用来上传文件到服务器外，它适用于各种类型的表单。采用这种编码后的数据格式如下：
  

  name=王尼玛&age=18

• multipart/form-data主要用来把文件上传到服务器。它的编码格式更加复杂
• text/plain不同的浏览器有不同的编码方式，请谨慎使用。例如text/plain在Firefox中的数据编码形式是下面的形式：

  name=王尼玛
  
  age=18

  而在Chrome则和application/x-www-form-urlencoded编码形式一样

autocomplete 表示允许浏览器自动填写表单，它有两个属性值：on和off。默认为on，off表示关闭浏览器自动填写表单功能

target 和a元素的target功能一样，用来设置浏览器反馈信息显示方式。属性值如下：

值	说明
_blank	将浏览器反馈信息显示在新窗口自（或浏览器新标签页）中
_parent	将浏览器反馈信息显示在父窗口组中
_self	将浏览器反馈信息显示在当前窗口中（这是默认行为）
_top	将浏览器反馈信息显示在顶层窗口中
<frame>	将浏览器反馈信息显示在指定frame中

name 用来为表单设置一个独一无二的标识符。

<input>

用于搜集用户信息

属性：  

属性	值	描述
accept	mime_type	规定通过文件上传来提交的文件的类型。
alt	text	定义图像输入的替代文本
autocomplete	on/off	和form 表单的autocomplete功能一样
autofocus	autofocus	规定输入字段在页面加载时是否获得焦点
checked	checked	规定此input元素首次加载时应当被选中
disabled	disabled	禁用input元素
form	fromname	指定input属于哪个表单
formaction	url	覆盖表单的action属性
formenctype		覆盖表单的enctype属性
formmethod		覆盖表单的method属性
height	datalist-id	映入包含输入字段的预定义选项的datalist
max	number	规定输入字段的最大值
min	number	规定输入字段的最小值
pattern	regexp=pattern	规定输入字段的正则表达式
placeholder	text	规定帮助用户填写输入字段的提示
readonly	readonly	规定输入字段为只读
step	number	规定input 的步长
type	button checkbox file hidden image password radio reset submit text number range date color	规定input的元素类型

<label>

为表单中每一个元素提供说明

属性：

for 指定label绑定到哪个元素，值为元素id

from  指定属于哪个form元素，值为form元素id