HTML表单

表单是什么？

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容，比如：文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 等等。

我们可以使用 标签来创建表单

HTML 表单用于收集用户的输入信息。

HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。

表单是HTML中用于帮助用户上传图像、信息等内容的工具，它允许用户在表单中输入表单元素来上传内容，如：文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 等等，表单常采用POST方法提交数据。

表单标签

控件/标签	描述
< input >	定义输入框
< textarea>	定义文本域（一个可以输入多行文本的控件）
< label>	为表单中的各个控件定义标题
< fieldset>	定义一组相关的表单元素，并使用边框包裹起来
< legend>	定义 < fieldset> 元素的标题
< select>	定义下拉列表
< optgroup>	定义选项组
< option>	定义下拉列表中的选项
< button>	定义一个可以点击的按钮
< datalist>	指定一个预先定义的输入控件选项列表
< keygen>	定义表单的密钥对生成器字段
< output>	定义一个计算结果

如果把表单比作Excel表格，就相当于Excel中单个单元格。

< input > type的value值

值	描述
button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox	定义复选框。
color	定义拾色器。
date	定义 date 控件（包括年、月、日，不包括时间）。
datetime	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
email	定义用于 e-mail 地址的字段。
file	定义文件选择字段和 “浏览…” 按钮，供文件上传。
hidden	定义隐藏输入字段。
image	定义图像作为提交按钮。
month	定义 month 和 year 控件（不带时区）。
number	定义用于输入数字的字段。
password	定义密码字段（字段中的字符会被遮蔽）。
radio	定义单选按钮。
submit	定义提交按钮。
reset	定义重置按钮（重置所有的表单值为默认值）。
range	定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
search	定义用于输入搜索字符串的文本字段。
te	定义用于输入电话号码的字段。
text	默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
time	定义用于输入时间的控件（不带时区）。
url	定义用于输入 URL 的字段。
week	定义 week 和 year 控件（不带时区）。