HTML5 表单属性

HTML5 新的表单属性
HTML5的

和标签添加了几个新的属性
新属性：
1.autocomplete
2.novalidate
新属性
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height 与 width
list
min 与 max
multiple
pattern (regexp)
placeholder
required
step

/autocomplete属性
autocomplete属性规定from或input域应该拥有自动完成功能
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项
提示：autocomplete属性有可能在from元素中是开启的，而在input元素中是闭合的
：autocomplete适用于标签，以及以下类型的标签：text,url,search,telephone,email,password,detepickers以及color

实例：HTML form中开启autocomplete（一个input字段关闭autocomplete）

First name:

Last name:

E-mail:

填写并提交表单，然后重新刷新页面查看如何自动填充内容。

注意 form 的 autocomplete 属性为 "on"（开），但是 e-mail 自动为“off”（关）。

提示:某些浏览器中，您可能需要启用自动完成功能，以使该属性生效。

novalidate属性
novalidate属性是一个boolean属性
novalifate属性规定在提交表单是不应该验证from或input
实例：无需验证提交的表单数据

E-mail:

注意：在 Safari 和 Internet Explorer 9 及之前的版本中不支持 novalidate 属性。

autofocus属性
autofocus属性是一个boolean属性
autofocus属性福鼎在页面加载时，域自动获得焦点
实例：让“first name” input输入域在页面载入是自动聚焦

First name:

Last name:

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 autofocus 属性。

from属性
from属性规定输入域所属的一个或多个表单
提示：如需引用一个以上的表单，请使用空格分隔的列表
实例：位于from表单外的input字段引用HTML from（该input表单仍然属于from表单的一部分）

First name:

"Last name" 字段没有在 form 表单之内，但它也是 form 表单的一部分。

Last name:

注意: IE 不支持 form 属性

formaction属性
The formaction 属性用于描述表单提交的URL地址.
The formaction 属性会覆盖

元素中的action属性.
注意: The formaction 属性用于 type="submit" 和 type="image".
实例：HTML from表单包含两个不同地址的提交按钮

First name:

Last name:

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 formaction 属性。

formenctype属性
formenctype属性描述了表单提交到服务器的数据编码（支队from表单中 method=“post”表单）
formenctype属性覆盖from元素的enctype属性
主要：该属性与type= "submit"和 type = ”image"配合使用
实例：第一个提交按钮已默认编码发送表单数据，第二个提交按钮以“multipart/from-data”编码格式发送表单数据

First name:

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 formenctype 属性。

formmethod属性
formmethod属性覆盖了元素的method元素
注意：该属性可以与type=“submit”和type=“image”配合使用
实例：重新定义表单提交方式实例

First name:

Last name:

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 formmethod 属性。

fromnovalidate属性
novalidate属性是一个boolean属性
novalidate属性描述元素在表单提交时无需被验证
fromnocalidate属性会覆盖元素的novalidate属性
注意：fromnovalidate属性与type="submit"一起使用
实例：两个提交按钮的表单（使用与不使用验证）

E-mail:

注意： Internet Explorer 9及更早 IE 版本,或 Safari 不支持 input 标签的 formnovalidate 属性。

formtarget属性
formtarget属性制定一个名称或一个关键字来指明表单提交数据接收后的展示
formtarget属性覆盖元素的target属性
注意：formtarget属性与type="submit"和type="image"配合使用
实例：两个提交按钮的表单，在不同窗口中显示

First name:

Last name:

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 formtarget 属性。

width和height属性
height和width属性规定用于image类型的标签的图像高度和宽度
注意：height和width属性只是用image类型的标签
提示：图像通常会同时制定高度和宽度属性，如果图像设置高度和宽度，图像所需的空间在加载页时会被保留，如果没有这些属性，浏览器不知道图像的大小，并不能预留适当的空间，图片在加载过程中会使页面效果改变（尽管图片与加载）
实例：定义一个退选哪个提交按钮，使用height和width

First name:

Last name:

list属性
list属性规定输入域的datalist，datalist是输入域的选项列表
实例：在

注意: Internet Explorer 9（更早 IE 版本），Safari 不支持 datalist 标签。

min和max属性
min，max和step属性用于为包含数字或日期的input类型规定限定
注意：min，max和step属性适用于以下类型的标签：dete pickers， number以及range
实例：元素最小值与最大值设置

输入 1980-01-01 之前的日期:

输入 2000-01-01 之后的日期:

数量 (在1和5之间):

注意: Internet Explorer 9及更早 IE 版本，Firefox 不支持 input 标签的 max 和 min 属性。

注意:
在 Internet Explorer 10中 max 和 min 属性不支持输入日期和时间，IE 10 不支持这些输入类型。

multiple属性
multiple属性是一个boolean属性
multiple属性规定元素中可选择多个值
注意：multiple属性适用于提下类型的标签：email和file
实例：上传多个文件

选择图片:

尝试选取一张或者多种图片。

注意: Internet Explorer 9及更早 IE 版本不支持 input 标签的 multiple 属性。

pattern属性
pattern属性描述了一个正则表达式用于验证元素值
注意：pattern属性适用于以下类型的标签：text，search,url,email,password
提示：是用来全局title属性描述了模式
实例：显示了一个只能包含三个字母的文本域（不含数字及特殊字符）

Country code:

注意: Internet Explorer 9及更早 IE 版本，或 Safari 不支持 input 标签的 pattern 属性。

placeholder属性
placeholder属性提供一种提示（hint），描述输入域所期待的值
剪短的提示在用户输入值钱会显示在输入域上
注意：placeholder属性使用与以下类型的标签：text,search,url,telephone,email以及 password
实例：input字段提示文本

注意： Internet Explorer 9及更早 IE 版本不支持 input 标签的 placeholder 属性。

required属性
required属性是一个boolean属性
required属性规定必须在提交之前填写输入域（不能为空）
注意：required属性适用于一下类型的标签：text,search,telephone,email,password,date pickers,number,checkbox,radio以及file
实例：不能为空的input字段

Username:

注意： Internet Explorer 9及更早 IE 版本，或 Safari 不支持 input 标签的 required 属性。

step属性
step属性为输入域规定合法的数字间隔
如果step="3",则合法的数是-3，0，3，6
提示：step属性可以与max和min属性创建一个区域之
注意：step属性与一下type类型一起使用：number,range,date,datetime,datetime-local,month,time,week
实例：规定input step步长为3

注意： Internet Explorer 9及更早 IE 版本，或 Firefox 不支持 input 标签的 step 属性。

HTML5标签
定义一个from表单
定义一个input