HTML表单
管理领域术语
HTML表单‌‌‌是HTML页面上用于收集用户输入的一种元素,用户可以通过表单输入数据,这些数据随后可以被提交到服务器进行处理。表单通常包含一系列的输入字段,如文本域、‌单选按钮、‌复选框等,用户可以根据需要填写这些字段。‌
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框复选框等等)输入信息的元素。
表单使用表单标签( )定义。
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 类型- Date Pickers(数据检出器)
HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
6.Input 类型- search
search 类型用于搜索域,比如站点搜索或Google 搜索。
search 域显示为常规的文本域。
输入
多数情况下被用到的表单标签是输入标签( )。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
文本域
当用户要在表单中键入字母、数字等内容时,就会用到文本域(text fields)。
浏览器显示如下:
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符
单选按钮
当用户从若干给定的的选择中选取其一时,就会用到单选框(radio buttons)。
浏览器显示如下:
注意,只能从中选取其一。
如下:
复选框
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框(checkboxes)。
浏览器显示如下:
密码字段
密码字段通过标签 来定义:
注意:密码字段字符不会明文显示,而是以星号或圆点替代。
其他组成
确认按钮
当用户单击确认按钮(submit)时,表单的内容会被传送到另一个文件。
动作属性
表单的动作属性(action)定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
浏览器显示如下:
Username:
如下:
表单标签
带“#”的为 HTML5 中的新标签。
参考资料
HTML表单.W3Cschool.
最新修订时间:2024-11-19 17:44
目录
概述
表单
Input类型
参考资料