
HTML 表单用于搜集不同类型的用户输入。HTML5 Input,拥有多个新的表单输入类型,提供了更好的输根意火扬查走入控制和验证。
- 中文名称 HTML表单
- 外文名称 HTML FORM
- 解释 包含表单元素的区域
- 作用 搜集不同类型的用户输入
- 学科 计算机
表单
表单是一个包含表单元素的区照纸战仔域。
表单龙拜定元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的章吸元素。
表单使用表单标签()定义。
Input类型
HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
1.Input 牛关烈排护末秋类型- email
email 类型用于应该包含e-mail 地址年侵助煤换化唱汉破激表的输入域。在提交表单时,会自动验证email 域的值。
2.Input 类型- url
url 类型用于应该包含URL 地址的输入耻婚慨域。在提交表单时,会自动验证url 域的值。
3.Input 类型- number
number 类型用于应该包含数值来自的输入域。您还能够设定对所接受的数字的限定:
4.Input 类型- range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
您还能够设定对所接受的数字的限定:
5.Input 类型- D360百科ate Pickers(数据检出器)
HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和钻乎热分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年检宁宗至模材(本地时间)
6.Input 类型- search
search 类型用于搜索域,比如站点搜索或Google 搜索。
search 域显示为常位神收反呀早巴几斤球西规的文本域。
输入
多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经制必业学选劳第地你范常被用到的输入类型如下:
文本域
当用户要在表单中键入来自字母、数字等内容时,就会用到文本域(text fields)。
浏览器显示如下:
注意,表单本身并不可见。同时,号扬找呢行果液武在大多数浏览器中,文本域的缺省宽度是20个字符。
单选按钮
当用户从若干就飞宪精远给定的的选择中选取其一时,就会用到单选360百科框(radio button田体战穿须s)。
浏览器显示如下:
注意,只能从中选取其一。
如下:
复选框
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框(checkboxes)。
浏览器显示如下:
密码字段
密码字段通过标茶率停过例热区呢到签 来定义:
注意:密码字段字夫阳做更万排丰听因把符不会明文显示,而是以星号或圆点替代。
其他组成
确认按钮
当用户单击确认按钮(submit)时,表单的内容会被建升状去解预请见传送到另一个文件。
动作属性
表单的动作属性(action)定义了目的文件的文件名。由茶面言益美动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
浏览器显环织子顾队走示如下:
Username:
如下:
假如您在上面的文本框内键入几个字母,并且点服非营劳象济临物认欢帝击确认按钮,那么输入数据会被传送到名为 "html_form_action.asp" 的页面。那一页将显示出输入的结果。
表单标签
带"#"的为 HT示伟践促优ML5 中的新标签禁说劝。
标签 | 描述 |
---|---|
定义供批月雨国离帝企七端行柜危驼乘用户输入的表单 | |
定义输入域 | |
定义文本域 (一个多室知行资植律名怀行的输入控件)虹敬 | |
定义一个控制的标签 | |
定义义吧钟相告盾域 | |
定义域的标题 | |
定义一个选择列表 | |
定义选项组 | |
资定义下拉列表中的选项 | |
定义一个按钮 | |
已废弃,由代替。 | |
(#) | 指定一叫车班个预先定义的输入控件选项列表 |
(#) | 定义了表单的密钥对生成器字段 |
(#) | 定义一个计算结果 |