📄️ 简介

HTML 表单是 Web 页面的一部分，它们包括一些区域，用户可以在其中输入信息，然后把它发回给你，或者发送到你指定的另一个电子邮件地址、你管理的数据库，或者完全发送到另一个系统。

📄️ form

每个表单都必须开始于一个 ` 标签，它可以位于 HTML 文档主体内的任何位置。 ` 标签通常具有 3 个属性： name 、 method 和 action 。

📄️ input

| 类型名 | 类型作用 |

📄️ label

标记表单数据与使用 name 或 id 属性标识表单元素以便往后使用并不是一回事。它代之以使用 ` 标签对包围充当表单元素的一种文字说明的文本。表单元素 `为元素提供了额外的环境，它对于屏幕阅读器软件特别重要。

📄️ fieldset

使用 `` 标签可组织结构，为表单对表单对象进行分组，这样表单更容易理解。默认状态下，分组的表单对象外面会显示一个包围框。

📄️ 文字

可以使用 ` 和 ` 标签创建一个文本区，而不仅仅是一个文本框。包括在这两个标签之间的任何文本都将显示为那个框中的默认条目。

📄️ 单选

单选框，用于在一组选项中进行单项（即互斥）选择，每个单选框用一个圆框表示。当 type 属性取值为" radio "时， input 控件将创建一个单选框。

📄️ 多选

除了文本框之外，最简单的输入类型之一就是复选框（ check box ），它显示了一个小正方形。用户可以单击复选框，以选择或取消选择组中的一个或多个项目。

📄️ 选择框

滚动列表（ scrolling list ）和下拉选择列表（ pull-down pick list ）都是利用 ` 标签创建的。可以结合使用这个标签与 标签。| size | 定义列表框可显示的项目数， ` 也算在其中 |

📄️ 数据列表

datalist 元素用于为输入框提供一个可选的列表，供用户输入匹配或直接选择。如果不想从列表中选，也可以输入。

📄️ keygen

keygen 生成两个键：公钥和私钥。私钥存在客户端，公钥存在服务器。

📄️ 按钮

表单通常包括一个按钮，用于把表单数据提交给服务器上的脚本或者调用一个 JavaScript 动作。可以利用 value 属性把你喜欢的任何标签放在 Submit （提交）按钮上：

📄️ 属性

每一个表单都应该设置唯一的名称（ name ），该属性有两个作用：一是服务器可以根据 name 获取对应的控件提交的值；二是在 JavaScript 中直接使用点语法访问对应的控件对象。

📄️ js 访问

在扫描检测与操作表单域之前，首先应当确定要访问的表单。 JavaScript 中主要有 3 种访问表单的方式：

📄️ 验证

HTML5 默认会验证表单，除非在 `` 元素中使用 novalidate 属性。