HTML5表单新增属性

------------------siwuxie095

   

   

   

   

   

   

   

   

HTML5 表单新增元素与属性

   

   

1、form 属性

   

在 HTML4 中，表单内的从属元素必须书写在表单内部，而

在 HTML5 中，可以把它们书写在页面上任何地方，然后为

该元素指定一个 form 属性，属性值为该表单的 id，这样就

可以声明该元素从属于指定表单了

   

   

   

2、formaction 属性

   

在 HTML4 中，一个表单内的所有元素只能通过表单的 action

属性被统一提交到另一个页面，而在 HTML5 中，可以为所有

的提交按钮增加不同的 formaction 属性，使得单击不同按钮

时，可以将表单提交到不同的页面

   

   

   

3、formmethod 属性

   

在 HTML4 中，一个表单内只能有一个 action 属性用来对

表单内所有元素统一指定提交页面，所以每个表单内只能有

一个 method 属性来统一指定提交方法，而在 HTML5 中，

可以使用 formmethod 属性来对每个表单元素分别指定不

同的提交方法

   

   

   

4、formenctype 属性

   

在 HTML4 中，表单元素具有一个 enctype 属性，该属性用于

指定在表单发送到服务器之前应该如何对表单内的数据进行编

码，而在 HTML5 中，可以使用 formenctype 属性对表单元素

分别指定不同的编码方式

   

   

   

5、formtarget 属性

   

在 HTML4 中，表单元素具有一个 target 属性，该属性用于

指定在何处打开表单提交后所需要加载的页面，而在 HTML5

中，可以对多个提交按钮分别使用 formtarget 属性来指定提

交后在何处打开所需加载的页面

   

   

   

6、autofocus 属性

   

为文本框、选择框 或 按钮控件加上 autofocus 属性，当页面

打开时，该控件自动获得光标焦点

   

   

   

7、required 属性

   

在 HTML5 中，新增的 required 属性可以应用在大多数输入

元素上，在提交时，如果元素中内容为空白，则不允许提交，

同时在浏览器中显示信息提示文字

   

   

   

8、labels 属性

   

在 HTML5 中，为所有可使用标签的表单元素，如：button、

select 元素，定义一个 labels 属性，属性值为一个 NodeList

对象，代表该元素所绑定的标签元素所构成的集合

   

   

   

9、control 属性

   

在 HTML5 中，可以在标签内部放置一个表单元素，并且通过

该标签的 control 属性来访问该表单元素

   

   

   

10、placeholder 属性

   

在 HTML5中，placeholder 属性是当文本框处于未输入状态时

显示的输入提示

   

当文本框处于未输入状态且未获取光标焦点时，模糊显示输入文字

   

   

   

11、list 属性

   

在 HTML5 中，为单行文本框增加了一个 list 属性，该属性的

值为某个 datalist 元素的 id

   

datalist 元素也是 HTML5 中新增的元素，该元素类似于选择

框，但是当用户想要设定的值不在选择列表之内时，允许自行

输入。datalist 元素本身并不显示，而是当文本框获得焦点时，

以提示输入的方式显示

   

   

   

12、autocomplete 属性

   

帮助输入所用的自动完成功能，是一个既节省输入时间，又

十分方便的功能。在 HTML5 之前，因为谁都可以看得见输

入的值，所以在安全方面存在缺陷

   

只要使用 autocomplete 属性，安全性方面就可以得到很好

的控制

   

   

   

13、pattern 属性

   

在 HTML5 中，对 input 元素使用 pattern 属性，并且将属性

值设为某个格式的正则表达式，在提交时会根据这些进行检查，

检查其内容是否符合给定格式。当输入的内容不符合给定的格

式时，则不允许提交，同时在浏览器中显示信息提示文字，提

示输入的内容必须符合给定格式

   

   

   

14、selectionDirection 属性

   

在 HTML5 中，针对 input 元素和 textarea 元素， 增加了

selectionDirection 属性。当用户在这两个元素中用鼠标选

取部分文字时，可以使用该属性来获取选取方向。当用户正

向选取文字时，该属性值为 forward，当用户反向选取文字

时，该属性值为 backward，当用户没有选取任何文字时，

该属性值为 forward

   

   

   

15、indeterminate 属性

   

对于复选框 checkbox 元素来说，过去只是选取和未选取两

种状态，在 HTML5 中，可以在 JavaScript 脚本代码中对该

元素使用 indeterminate 属性，以说明复选框处于 "尚未明

确是否选取" 的状态

   

   

   

16、height 属性和 width 属性

   

在 HTML5 中，针对类型为 image 的 input 元素，新增了

两种属性：height 和 width，分别用来指定图片按钮的高

度和宽度

   

   

   

   

   

   

   

   

   

【made by siwuxie095】