Html5 表单属性

熟悉掌握 HTML5 的若干新的表单属性：

新的 form 属性：autocomplete、novalidate

新的 input 属性：autocomplete、autofocus、form、form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)、height 和 width、list、min, max 和 step、multiple、pattern (regexp)、placeholder、required

定义和用法

autocomplete 适用于 标签，以及text, search, url, telephone, email, password, datepickers, range 以及 color等 标签。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项

定义和用法

autofocus 属性规定在页面加载时，域自动地获得焦点。autofocus 属性适用于所有 标签的类型。

定义和用法

form 属性规定输入域所属的一个或多个表单。form 属性适用于所有 标签的类型。form 属性必须引用所属表单的 id。如需引用一个以上的表单，请使用空格分隔的列表。

定义和用法

表单重写属性（form override attributes）允许您重写 form 元素的某些属性设定。适用于以下类型的 标签：submit 和 image。这些属性对于创建不同的提交按钮很有帮助。

表单重写属性有：

formaction - 重写表单的 action 属性

formenctype - 重写表单的 enctype 属性，编码类型

formmethod - 重写表单的 method 属性

formnovalidate - 重写表单的 novalidate 属性

formtarget - 重写表单的 target 属性，在哪里打开表单

定义和用法

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

注释：list 属性适用于以下类型的 标签：text, search, url, telephone, email, date pickers, number, range 以及 color。

定义和用法

min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）。 min、max规定输入域所允许的最小值、最大值。step 属性为输入域规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）。

min、max 和 step 属性适用于date pickers、number 以及 range。

下面的例子显示一个数字域，该域接受介于 0 到 10 之间的值，且步进为 3（即合法的值为 0、3、6 和 9）：

定义和用法

min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）。 min、max规定输入域所允许的最小值、最大值。step 属性为输入域规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）。

min、max 和 step 属性适用于date pickers、number 以及 range。

下面的例子显示一个数字域，该域接受介于 0 到 10 之间的值，且步进为 3（即合法的值为 0、3、6 和 9）：

定义和用法

multiple 属性规定输入域中可选择多个值。适用于以下类型的 标签：email 和 file。

定义和用法

novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

适用于 以及以下类型的 标签：text, search, url, telephone, email, password, date pickers, range 以及 color.

定义和用法

pattern 属性规定用于验证 input 域的模式（pattern）。模式是正则表达式。适用于以下类型的 标签：text, search, url, telephone, email 以及 password。

下面的例子显示了一个只能包含三个字母的文本域（不含数字及特殊字符）：

定义和用法

placeholder 属性提供一种提示（hint），描述输入域所期待的值。

适用于以下类型的 标签：text, search, url, telephone, email 以及 password。提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失：

定义和用法

required 属性规定必须在提交之前填写输入域（不能为空）。适用于以下类型的 标签：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。