在html开发中，表单是页面上的重要内容，用户输入的大部分内容都是通过表单收集的。html4中，表单元素比较繁琐，html5中吸收了web forms2.0标准，大大增强了表单元素的功能。下面介绍html5中的新表单元素。

form元素

在html4中，表单中的从属元素必须写在表单内部，但是在html5中，它可以写在页面的任何地方，然后给元素一个from属性，该属性的属性值是表单的id，这样就可以声明该元素属于指定的表单。示例代码：form id=' test '输入类型=' text '/formtextareaform=' test '/textaretextarea属性写在表单外部，但它属于表单，因此表单id被赋给textarea元素的form属性。这样做的好处是，我们可以轻松地添加元素的样式，因为它们不会分散在每个表单中。但是现在只有部分浏览器支持这个属性。

formaction属性

在html4中，一个表单的所有元素只能通过表单的action属性提交到另一个页面，而在HTML5中，可以给所有提交按钮添加不同的formaction属性(输入类型='submit '，输入类型='image '，按钮类型='submit ')，可以点击不同的按钮提交到不同的页面。

placeholder属性

占位符是指当文本框(输入类型='text '或textarea)处于非输入状态时，文本框中显示的输入提示。只需添加占位符属性并指定提示文本。

autofocus属性

将此属性添加到文本框、选择框或按钮中，当屏幕打开时，控件将自动获得焦点。要在html4中达到这种效果，需要用到“control.focus()”等JavaScript。不建议任意使用此属性，如搜索页面中的搜索文本框。

list属性

在html5中，列表属性被添加到单行文本框中，该属性的值是datelist元素的id。Datelist也是html5中的新元素，类似于select box。但是，当用户想要设置的值不在选择列表中时，允许用户自己输入。元素本身并不显示，而是在文本框获得焦点时通过提示输入来显示。为了避免在没有支持元素的浏览器中显示错误，可以使用css将其设置为不显示。

autocomplete属性

所有自动完成功能的辅助输入，节省了输入时间，也非常方便。您可以指定三个值：“开”、“关”和“不指定”。如果不指定，则取决于每个浏览器。当属性打开时，可以显示指定候选输入的数据列表；否则，当它关闭时。