HTML 中的 <input> 元素用于创建各种类型的用户输入控件,通过 type 属性指定输入的类型。不同类型决定了输入框的行为、显示方式和浏览器的验证机制。常见的 type 包括:文本、数值、选择、日期与时间、文件、颜色、按钮、隐藏等类型。
文本类
text:普通文本输入。
password:密码输入,字符隐藏。
search:搜索框。
email、tel、url:分别用于邮箱、电话和网址输入,支持基本格式验证。
数值类
number:数字输入,可设置最小值、最大值和步长。
range:滑块选择,用于可视化数值选择。
选择类
checkbox:复选框,可多选。
radio:单选按钮,同一 name 分组中只能选择一个。
日期与时间类
date、time、datetime-local、month、week:用于日期、时间及组合选择。
文件与颜色类
file:文件上传控件,允许选择本地文件。
color:颜色选择器,可直接选择颜色值。
按钮类
submit:提交表单。
reset:重置表单内容。
button:普通按钮,可绑定自定义事件。
image:图片按钮,点击可提交表单。
隐藏类
hidden:隐藏字段,不显示在页面上,但随表单提交。
