HTML5新增表单元素

表单新特性

1、form属性

在html4中表单内的从属元素必须写在表单内部，而在html5中，指定form元素的id值后，只需要给外部的表单元素指定相同的id值，便可以保持从属关系，即表单内的元素不再依赖于form的位置，可以写在任何地方。

2、placeholder属性

<input type="text" placeholder="请输入内容">
如上代码，placeholder一般用在文本输入框，显示未输入状态且内容为空时的提示内容

3、autofocus属性

指定空间自动获得焦点，一个html页面只能有一个控件具有该属性。

从实用角度来看不要滥用该属性。到目前为止，支撑该属性的浏览器有Safari 5、Google Chrome 6以上版本、FireFox 4、Opera10以上版本、IE 10

4、formanction属性

在HTML4中，一个表单内的元素只能通过anction属性统一提交到另一个页面，但是在HTML5中，可以用不同的formaction属性，将使得点击不同按钮时，能提交到不同的页面

       <input type="submit" name="submit1" formaction="submit1.jsp">
       <input type="submit" name="submit2" formaction="submit2.jsp">
</form>```
######5、formmethod属性
在html4中，method指定提交的方法，并且一个表单内只能有一个method来指定提交方法，但是在html5中，可以通过formmethod属性对每个表单元素指定不同的提交方法。
######6、formenctype属性
在html4中，enctype用来指定表单发送到服务器之前应该如何对哦表单内数据进行编码，同样的一个表单也只能有一个enctype属性。但是在html5中，可以使用formenctype属性对不同的表单元素指定不同的编码方式。
######7、formarget属性
在html4中表单元素具有一个target属性，用来指定砸何处打开表单提交后所需加载的页面，其中以下五个属性值
_blank:在新的浏览器窗口中打开
_self:默认值，在相同框架（frame）中打开
_parent:砸当前框架（frame）的父框架（frame）中打开
_top:在当前浏览器窗口中打开
framename:在指定的框架（frame）中打开
>到目前为止，支撑formanction、formmethod、formenctype、formtarget属性的浏览器有Safari 5、Google Chrome 6以上版本、FireFox 4、Opera10.05以上版本、IE 10

######8、required属性
html5的新增元素，用于大多数作为输入用途的表单元素。在元素内容为空时，不允许提交，同时砸浏览器中显示信息提示文字。
######9、labels属性
在html5中为页面的可使用标签定义一个labels属性，属性值为NodeLIst对象，代表该元素所绑定的标签元素所构成的集合
######10、标签的control属性
在html5中，可以在标签内（label元素）放置一个表单元素，并且通过该标签的control属性访问该表单元素。