input控件有哪些：主流类型及适用场景

input控件是网页表单核心输入组件，包含文本框、密码框、单选框、复选框、按钮等十余种主流类型，不同类型对应专属输入场景，适配文字录入、选项选择、文件上传、时间选取等前端交互需求，所有原生input控件均遵循W3CHTML5标准，可直接用于前端页面开发，仅部分特殊类型不兼容IE9及以下老旧浏览器。

input文本录入类控件

文本录入类input控件用于各类文字、数字基础输入场景，是使用率最高的控件类型。text为单行文本输入框，支持任意字符录入，适用于姓名、昵称、地址等短文本填写，输入内容无默认格式限制。password为密码输入框，录入内容会自动隐藏为圆点或星号，仅用于密码、密钥等隐私信息输入，不会保存明文输入样式。search为搜索输入框，自带浏览器原生搜索清空按钮，适配页面搜索、关键词检索场景，交互体验优于普通文本框。

input数值与格式限定控件

这类控件可自动校验输入内容格式，减少前端手动校验代码量。number为纯数字输入框，仅允许输入整数和小数，支持设置最大值、最小值和步长，适配手机号、金额、数量录入。tel为电话输入框，移动端会唤起数字键盘，无强制格式校验，适合国内手机号、固定电话填写。email为邮箱输入框，会自动校验邮箱基本格式，不符合账号@域名格式的内容无法提交表单，适配账号邮箱绑定场景。url为网址输入框，仅认可标准http、https网址格式，常用于网站链接、素材地址录入。

input选择类控件

选择类控件无需手动输入，通过点击选择完成交互，大幅提升操作效率。radio为单选按钮，同一分组内仅能选择一个选项，适用于性别、年龄段、单一偏好等互斥选项场景。checkbox为复选框，支持多选、全选操作，可单独选择或批量勾选，适配兴趣标签、服务条款、多选需求场景。

input时间与文件控件

时间和文件类控件多用于表单特殊素材与时间填报。date为日期选择框，提供原生日历弹窗，仅可选择年月日，无时分秒选项。time为时间选择框，仅支持时分秒选取，不包含日期信息。file为文件上传控件，支持本地文件单选上传，可通过属性限制文件格式、大小和数量，适配头像、证件、文档上传场景。

input功能按钮类控件

按钮类控件承担表单操作、页面交互功能，无内容录入属性。button为普通按钮，无默认行为，可自定义点击事件，用于触发弹窗、重置数据、局部刷新等操作。submit为提交按钮，点击后自动提交所在表单的所有数据，是表单核心提交控件。reset为重置按钮，点击可一键清空表单所有输入和选择内容，恢复初始状态。

隐藏控件无页面展示效果。

hidden为隐藏input控件，页面中完全不可见，无法被用户操作，仅用于后端传参，可携带用户ID、页面标识、默认参数等隐性数据，不占用页面布局空间，是前后端数据交互的常用辅助控件。

所有HTML5新增input控件类型，在IE9及以下浏览器中会自动降级为普通text文本框，无法实现原生格式校验和专属交互效果，老旧系统开发场景需手动适配格式校验逻辑。