HTML的input标签的type属性定义了输入元素的类型，常见的包括”text”用于单行文本框，”password”则用于密码框。还有”checkbox”复选框，”hidden”隐藏值，以及用于文件上传的”file”类型。还有一些其他的属性如required、pattern、min max、step等也具有不同的作用和用法。不同的type属性值对应不同的输入元素，其效果和应用场景也有所差异。
在HTML中，<input>标签是用于收集用户输入的重要元素，它有多种类型，每种类型都有其特定的用途和行为，以下是一些常见的<input>标签的type属性值：
1、文本（Text）
type="text"是最基础的输入类型，用于接收用户的文本输入。
“`html
<input type="text" name="username">
“`
2、密码（Password）
type="password"与文本输入类似，但它不会显示用户输入的内容，以保护用户的隐私。
“`html
<input type="password" name="password">
“`
3、单选按钮（Radio Button）
type="radio"用于创建一组互斥的选项，用户只能选择其中一个。
“`html
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>
“`
4、复选框（Checkbox）
type="checkbox"允许用户从一组选项中选择多个。
“`html
<input type="checkbox" id="newsletter" name="newsletter" value="subscribe">
<label for="newsletter">订阅新闻简报</label><br>
<input type="checkbox" id="terms" name="terms" value="agree">
<label for="terms">我同意条款和条件</label>
“`
5、提交（Submit）
type="submit"用于创建一个提交按钮，当用户点击该按钮时，表单数据将被发送到服务器。
“`html
<input type="submit" value="提交">
“`
6、重置（Reset）
type="reset"用于创建一个重置按钮，当用户点击该按钮时，表单将被重置为默认状态。
“`html
<input type="reset" value="重置">
“`
7、电子邮件（Email）
type="email"用于创建电子邮件输入字段，浏览器通常会对输入进行验证以确保它是一个有效的电子邮件地址。
“`html
<input type="email" name="email">
“`
8、数字（Number）
type="number"用于创建数字输入字段，浏览器通常会对输入进行验证以确保它是一个有效的数字。
“`html
<input type="number" name="age">
“`
9、颜色（Color）
type="color"用于创建颜色选择器，用户可以从中选择颜色。
“`html
<input type="color" name="favoriteColor">
“`
10、日期（Date）和时间（Time）、日期和时间（Datetime-local）、月份（Month）和周（Week）等其他类型，也提供了丰富的输入功能。
以上就是<input>标签的一些常见type属性值，每种类型都有其特定的用途和行为，可以根据需要选择合适的类型来创建表单。
标签： inputtype