HTML 新增属性
146
1.form 属性
在HTML 5 以前，所有的表单控件都必须放在﹤form.../﹥ 元素内部，表明该表单控件属于该表单；但 HTML 5 为表单控件新增了 form 属性，用于定义该表单控件所属的表单，该属性的值应该是它所属表单的 id。
通过为表单控件指定 form 属性，可以让表单控件定义在﹤form.../﹥元素之外，从而提高灵活性。
由于 HTML 5 为所有的表单控件都新增了 form 属性，因此在页面上定义表单控件时更
加灵活，可以随意地放置、排列表单控件，这为页面布局提供了更大的灵活性。
目前大部分浏览器的最新版本（比如 Firefox 9、Opera 11、Chrome 13） 等都己很好地支
持该属性。
2.formaction 属性
这是一个十分实用的属性，相信绝大部分开发者以前都会遇到这样一个场景：页面中有一个表单，该表单内包含了两个以上的提交按钮，但程序需要不同的按钮提交到不同的action.
例如，页面中有一个填写用户信息的表单，这个表单内包含了“注册”、“登录”两个按钮，程序需要这两个按钮提交给不同的处理逻辑。在 HTML 5 规范以前，我们只能通过JavaSoript 来实现：当浏览者单击不同按钮时，通过 JavaSeript 控制动态地修改﹤form.../﹥ 元素的action 属性。
HTML 5 的formaction 属性专门用于处理上面场景：对于﹤input type="'submit".../﹥、﹤input type="image".../﹥、﹤button type="submit".../﹥元素，都可以指定 formaction，该属性即可动态地让表单提交到不同的 URL。
3.formxxx 属性
formxxx 属性是一些与 formaction 极为相似的属性，对于 ﹤input type="'submit".../﹥、﹤input type="image".../﹥、﹤button type="submit".../﹥元素，都可以指定 formenctype、formmethod、formtarget等属性，其中：
formenctype，通过该属性可以让按钮动态地改变表单的enctype 属性。
formmethod，通过该属性可以让按钮动态地设置表单以 POST 或 GET 方式提交。
formtarget， 通过该属性可以让按钮动态地改变表单的 target 属性。
4.autofocus 属性
这也是一个非常常用的属性。当为某个表单控件增加该属性后，浏览器打开该页面时该组件就会自动获得焦点。
5.placeholder 属性
这个属性也非常实用。在一些用户界面足够人性化的页面里，当用户还未在单行文本框、多行文本域中输入内容时，单行文本框、多行文本域内就显示了对用户的提示信息。一旦用户开始输入，单行文本框、多行文本域内的提示信息就会自动消失。
在 HTML 5 规范以前，为了实现上面介绍的效果，只能通过JavaScript 脚本来实现。HTML 5 规范为实现这种效果提供了 placeholder 属性，该属性的值就是单行文本框、多行文本域显示的提示信息。
6.list 属性
该属性非常实用。在HTML5规范以前，HTML 表单控件没有类似于 ComboBox 的组件（相当于文本框与下拉菜单结合的组件，该组件既允许用户输入，也允许用户通过下拉菜单进行选择)。HTML 5 的list 属性弥补了这个不足，list 属性的值应该是一个﹤datalist.../﹥组件的 id。也就是说，list 属性必须与﹤datalist.../﹥元素结合使用。
﹤datalist.../﹥：该元素相当于一个“看不见”的﹤select.../﹥元素，用于生成一个隐藏的下拉菜单。﹤datalist.../﹥所能包含的子元素与﹤select.../﹥元素完全相同。该元素用于与指定了 list 属性的﹤input.../﹥元素结合使用。当双击指定了 list 属性的文本框时，该文本框将会显示﹤datalist.../﹥生成的下拉菜单。
7.autocomplete 属性
该属性主要用于与 list 属性结合使用，当为文本框指定了有效的 list 属性之后，该文本框下面总会显示一个下拉菜单供用户选择。但在有些时候，可能出于安全性考虑，开发者不想让某些用户看到这个下拉菜单，则可以通过 autocomplete 属性来实现。该属性支持如下两个属性值。
on：打开 autocomplete，文本框下方会显示下拉菜单。
0ff：关闭 autocomplete，文本框下方不会显示下拉菜单。