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