input标签用于创建表单输入控件，通过type属性定义类型，如text、password、email等，配合name、value、placeholder、required等属性实现数据输入与验证，支持文本、密码、邮箱、数字、复选、单选、文件上传等功能，常用于构建用户交互表单。
HTML中的input标签用于创建表单输入控件，让用户输入数据。它是一个自闭合标签，通过设置不同的类型（type属性）来实现多种输入功能，比如文本框、密码框、单选按钮等。
input标签的基本语法
其中，type决定输入框的类型，name用于标识表单数据，value是默认值或用户提交的值。
常见的input类型
通过改变type属性的值，可以实现不同功能：
立即学习“前端免费学习笔记（深入）”；
-
text：单行文本输入框
示例： -
password：密码输入框，输入内容隐藏
示例： -
email：邮箱输入框，自动验证格式
示例： -
number：只能输入数字
示例： -
checkbox：复选框，可多选
示例： -
radio：单选按钮，需同名分组
示例： -
file：文件上传按钮
示例： -
submit：提交按钮，用于提交表单
示例： -
button：普通按钮，常配合JavaScript使用
示例： -
hidden：隐藏字段，用户不可见但可传值
示例：
常用属性设置方法
除了type，input标签还支持多个重要属性：
- name：定义输入字段名称，提交表单时作为键名
- value：设置默认值或当前值
-
placeholder：输入框提示文字
示例： -
required：标记为必填项，提交时校验
示例： - disabled：禁用输入框，无法编辑和提交
- readonly：只读，不能修改但可提交
-
maxlength：限制最大输入字符数
示例： - autocomplete：控制是否自动填充，可设为on或off
- min和max：用于number或date类型，限制数值范围
实际使用示例
一个包含多种输入类型的简单表单：
基本上就这些，掌握常见类型和属性就能满足大多数表单需求。关键是根据用途选择合适的type，并合理设置验证和提示属性，提升用户体验。不复杂但容易忽略细节。
