HTML5 新增元素与属性用法介绍

作者:袖梨 2022-06-25

在创建Web应用程序的时候,免不了会用到大量的表单元素。在HTML 5标准中, 吸纳

了Web Forms 2.0的标准,大幅度强化了针对表单元素的功能,使得关于表单的开发更快、更方便。

 

4.1 .1 新增属性

首先, 让我们看一下HTML 5中关于表单新增了哪些诱人的属性,以及现在有哪些浏览

器支持了这些属性。

1、form属性

在HTML 4中,表单内的从属元素必须书写在表单内部,但是在HTML 5 中,可以把它

们书写在页面上任何地方,然后给该元素指定一个form属性,属性值为该表单的íd ,这样就可以声明该元素从属于指定表单了。form属性的使用示例如代码清单4- 1 所示。

 

代码清单4- 1 form属性示例

 

<textarea form=" testform" >

 

input元素从属于form表单,它被书写在表单内部,用不着再对它指定form属性。textarea

元素被书写在form表单之外,但它从属于form表单,所以将form表单的id指定给textarea元素的form属性。

这样做的好处是当需要给页面中的元素添加样式时可以更方便地添加,因为它们不是被

分散在各表单之内的了。

到目前为止只有Opera 10浏览器支持这一属性。

 

2、formaction属性

在HTML4中,一个表单内的所有元素都只能通过表单的action属性统一提交到另一个页

面,而在HTML 5 中可以给所有的提交按钮,诸如 、

type="image"> 、都增加不同的formaction属性,使得点击

不同的按钮,可以将表单提交到不同的页面。formaction属性的使用方楼如代码清单4-2所示。

 

代码清单4-2 formaction属性示例

jsp">

目前尚没有浏览器支持这一属性。

 

3. formmethod属性

在HTML 4中,一个表单内只有一个action属性来对表单内所有元素统一指定提交页面,

所以每个表单内也只有一个method属性来指统一指定提交方式。在HTML 5 中,可以使用

formaction属性来对每个表单元素分别指定不同的提交页面,同时也可以使用formmethod属性来对每个表单元素分别指定不同的提交方式。 formmethod属性的使用方法如代码清单4-3所示。

 

代码清单4-3 formmethod属性示例

提交到S1

提交到S2

同formaction属性一样,目前尚没有任何浏览器支持该属性。

 

4 、placeholder属性

placeholder是指当文本框(