共计 2227 个字符，预计需要花费 6 分钟才能阅读完成。
目录
表单域
表单控件
type 属性值:
①text：定义单行输入的字段
②radio: 定义单选框
③checkbox: 定义复选框
⑤file：定义传入字段和“浏览按钮”，供文件上传
⑥password: 提供密码字段，该字段中的字符被掩码
⑦reset：重置按钮
⑧submit：提交按钮
⑩image：图片形式的提交按钮
①email：输入值必须为 email 类似
②url：输入值必须为 url 类似
③date：输入值必须为日期类似
④time：输入值必须为时间类似
⑤month：输入值必须为月类似
⑥week：输入值必须为周类似
⑦number：输入值必须为数字类似
⑧tel：手机号码
⑨search：搜索框
⑩color：生成一个颜色选择表单
其他属性：
HTML5 中新增的属性
html 中，一个完整的表单通常由表单域、表单控件和提示信息 3 部分构成。
表单域
- 表单域是一个包含表单元素的区域
表单控件
type 属性值:
①text：定义单行输入的字段
②radio: 定义单选框
男
女
- 一组单选框中的 name 值一定要相同才能实现单选
- value 的值是表单中该选项传入服务器的值
③checkbox: 定义复选框
1
2
3
4
-
需要设置同样的 name 值
-
value 的值是表单中该选项传入服务器的值
-
checked 属性，用于默认选择
男
女
1
2
3
4
需要设置同样的 name 值
value 的值是表单中该选项传入服务器的值
checked 属性，用于默认选择
④button: 定义点击按钮
普通按钮 button，结合 js 搭配使用
⑤file：定义传入字段和“浏览按钮”，供文件上传
⑥password: 提供密码字段，该字段中的字符被掩码
⑦reset：重置按钮
⑧submit：提交按钮
⑨hidden：隐藏的输入字段
隐藏的 input 可以用于任何有需要提交给服务器的，且要求用户无法查看或编辑的数据的地方
⑩image：图片形式的提交按钮
image 类型的 元素用于创建图形化的提交按钮，即采用图像而非文本形式的提交按钮。
以下是 HTML5 新增的 type 类型
①email：输入值必须为 email 类似
②url：输入值必须为 url 类似
③date：输入值必须为日期类似
④time：输入值必须为时间类似
⑤month：输入值必须为月类似
⑥week：输入值必须为周类似
⑦number：输入值必须为数字类似
⑧tel：手机号码
⑨search：搜索框
⑩color：生成一个颜色选择表单
其他属性：
name：定义 input 元素的名称
value：定义 input 元素的值
checked：规定 input 元素首次加载时应该被选中
maxlength：规定输入字段中是字符发最大长度
HTML5 中新增的属性
required：表单拥有该属性表示内容不能为空，必填
placeholder: 表单提示信息，存在默认值将不显示
autofocus：自动聚焦属性
autocomplete：有 off 和 on 两个选项，当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。on 是开启，且是默认选项；off 是关闭。
multiple：可以多选文件提交
标签为 input 元素定义发标注，它用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将光标转到对应的表单元素上，用来增加用户体验。
label 中的 for 属性与 input 的 id 属性相同
-
selected=”selected”, 表示默认选择
-
name 属性表示提交到服务器的相关数据点的名字, 每个
-
支持多选 multiple，通过 Ctrl+ 点击（Windows/Linux）或 Cmd+ 点击（Mac）来选择多个选项。
原文地址: HTML 表单标签和 html5 新增的表单标签
