Web Forms 2.0是对HTML4中的表单功能的扩展。与HTML4相比，HTML5中的表单元素和属性提供了更高程度的语义标记，使我们摆脱了HTML4所需的繁琐脚本和样式。

 

HTML4中的<input>元素

HTML4输入元素使用type属性指定数据类型。HTML4提供以下类型-

 

序号 类型与说明

1个

文本

 

自由格式的文本字段，名义上没有换行符。

 

2

密码

 

自由格式的文本字段，用于存储敏感信息，名义上没有换行符。

 

3

复选框

 

预定义列表中的一组零个或多个值。

 

4

无线电

 

枚举值。

 

5

提交

 

免费的按钮形式将启动表单提交。

 

6

文件

 

具有MIME类型和文件名的任意文件。

 

7

图片

 

相对于特定图像尺寸的坐标，其语义必须为最后选择的值，并启动表单提交。

 

8

隐

 

通常不会显示给用户的任意字符串。

 

9

选择

 

枚举值，非常类似于单选类型。

 

10

文本区域

 

自由格式的文本字段，名义上没有换行限制。

 

11

纽扣

 

按钮的一种自由形式，可以启动与按钮有关的任何事件。

 

以下是使用标签，单选按钮和提交按钮的简单示例-

 

... 

<form action = "http://example.com/cgiscript.pl" method = "post">  

   <p> 

      <label for = "firstname">first name: </label> 

      <input type = "text" id = "firstname"><br /> 

   

      <label for = "lastname">last name: </label> 

      <input type = "text" id = "lastname"><br /> 

   

      <label for = "email">email: </label> 

      <input type = "text" id = "email"><br> 

   

      <input type = "radio" name = "sex" value = "male"> Male<br> 

      <input type = "radio" name = "sex" value = "female"> Female<br> 

      <input type = "submit" value = "send"> <input type = "reset"> 

   </p> 

</form> 

 ...