HTML表单是什么?
HTML 表单是用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
<form>
.
input 元素
.
</form>
HTML表单的输入元素
元素 |
元素定义 |
<select> |
元素定义下拉列表 |
<option> |
元素定义待选择的选项 |
<textarea> |
元素定义多行输入字段(文本域) |
<button> |
元素定义可点击的按钮 |
<datalist> |
元素为 <input> 元素规定预定义选项列表 |
HTML 输入类型
输入类型 |
说明 |
text |
文本输入的单行输入字段 |
password |
密码字段 |
submit |
提交表单数据至表单处理程序的按钮 |
radio |
单选按钮 |
checkbox |
复选框 |
botton |
按钮 |
number |
包含数字值的输入字段 |
date |
包含日期的输入字段 |
color |
包含颜色的输入字段 |
range |
包含颜色的输入字段 |
mouth |
允许用户选择月份和年份 |
week |
允许用户选择周和年 |
time |
允许用户选择时间(无时区) |
datetime |
允许用户选择日期和时间(有时区) |
datatime-local |
允许用户选择日期和时间(无时区) |
email |
包含电子邮件地址的输入字段 |
serch |
搜素字段(搜索字段的表现类似常规文本字段) |
tel |
包含电话号码的输入字段 |
url |
包含URL地址的输入字段 |
输入的属性
属性 |
说明 |
value |
属性规定输入字段的初始值 |
readonly |
属性规定输入字段为只读(不能修改) |
disabled |
属性规定输入字段是禁用的 |
size |
属性规定输入字段的尺寸(以字符计) |
maxlength |
属性规定输入字段允许的最大长度 |
autocomplete |
属性规定表单或输入字段是否应该自动完成 |
novalidate |
规定在提交表单时不对表单数据进行验证 |
autofocus |
属性是布尔属性 |