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>
...
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery