文本输入
type="text"
单行文本输入框，用于输入短文本内容。
密码输入
type="password"
密码输入框，输入的字符会被掩码显示。
邮箱地址
type="email"
邮箱地址输入框，在移动设备上会显示专用键盘。
电话号码
type="tel"
电话号码输入框，在移动设备上会显示数字键盘。
URL 地址
type="url"
URL地址输入框，会自动验证URL格式。
搜索框
type="search"
搜索输入框，在某些浏览器中会显示清除按钮。
数字输入
type="number"
数字输入框，可通过上下箭头调整数值。
范围滑块
type="range"
0
100
滑块控件，用于选择一定范围内的数值。
单选按钮
type="radio"
单选按钮，同一组中只能选择一个选项。
复选框
type="checkbox"
复选框，允许选择多个选项。
日期选择
type="date"
日期选择器，用于选择年、月、日。
时间选择
type="time"
时间选择器，用于选择小时和分钟。
本地日期时间
type="datetime-local"
本地日期时间选择器，不包含时区信息。
月份选择
type="month"
月份选择器，用于选择年和月。
周选择
type="week"
周选择器，用于选择年和周数。
普通按钮
type="button"
普通按钮，需要JavaScript才能添加功能。
提交按钮
type="submit"
提交按钮，用于提交表单数据。
重置按钮
type="reset"
重置按钮，用于将表单恢复到初始状态。
图像按钮
type="image"
图像提交按钮，点击时会提交表单并传递点击坐标。
文件上传
type="file"
允许选择单个或多个文件进行上传。
隐藏字段
type="hidden"
隐藏字段在页面上不可见，但会随表单一起提交。常用于存储不需要用户看到的数据，如ID、令牌等。
此输入类型在页面上不可见，但数据会随表单提交。
颜色选择
type="color"
颜色选择器，允许用户从调色板中选择颜色。