HTML <input> 标签类型详解：文本、密码、单选、多选、按钮等 (10分)

HTML 标签类型详解：文本、密码、单选、多选、按钮等 (10分)

<input> 标签是 HTML 表单中最重要的元素之一，它用来收集用户的输入信息。<input> 标签拥有多种不同的类型，每种类型都对应着不同的输入方式和功能。下面将详细介绍 18 种常见的 <input> 标签类型：

1. text：文本输入框，用于输入普通的文本信息。
2. password：密码输入框，用于输入密码，在输入时通常以点或星号代替实际字符。
3. radio：单选框，用户只能从多个选项中选择一个。
4. checkbox：多选框，用户可以从多个选项中选择多个。
5. submit：提交按钮，用于提交表单数据。
6. reset：重置按钮，用于将表单重置为默认状态。
7. button：普通按钮，用于执行自定义的 JavaScript 代码。
8. file：文件上传框，用于选择并上传文件。
9. hidden：隐藏输入框，用于存储一些隐藏的表单数据。
10. date：日期选择框，用于选择日期。
11. time：时间选择框，用于选择时间。
12. email：邮箱输入框，用于输入邮箱地址。
13. number：数字输入框，用于输入数字。
14. range：数值范围选择框，用于选择一个范围内的数值。
15. search：搜索框，用于输入搜索关键词。
16. tel：电话号码输入框，用于输入电话号码。
17. url：网址输入框，用于输入网址。
18. color：颜色选择框，用于选择颜色。

通过使用不同的 <input> 标签类型，你可以创建功能丰富、用户体验友好的 Web 表单，收集用户所需的信息。