以下是各个 `<input>` 类型的定义和用途的简要说明：
1. **`<input type="button">`**
定义一个普通按钮（不提交表单）。需要通过 JavaScript 设置功能。
2. **`<input type="checkbox">`**
定义一个复选框，用于选择多个选项。
3. **`<input type="color">`**
定义一个颜色选择器，允许用户选择颜色。
4. **`<input type="date">`**
定义一个日期选择器，只能选择日期（年、月、日）。
5. **`<input type="datetime-local">`**
定义一个日期和时间选择器，包括本地时间（不包含时区）。
6. **`<input type="email">`**
定义一个电子邮件输入字段，支持验证电子邮件格式。
7. **`<input type="file">`**
定义一个文件上传控件，允许用户选择文件。
8. **`<input type="hidden">`**
定义一个隐藏的输入字段，不会显示在页面上，但可以存储值。
9. **`<input type="image">`**
定义一个图像按钮，既显示图片又可以用作表单的提交按钮。
10. **`<input type="month">`**
定义一个月份选择器（年和月）。
11. **`<input type="number">`**
定义一个数字输入字段，可以限制最小值、最大值和步长。
12. **`<input type="password">`**
定义一个密码输入字段，输入内容用“●”遮掩。
13. **`<input type="radio">`**
定义一个单选框，用户只能从一组中选择一个选项。
14. **`<input type="range">`**
定义一个滑块控件，用于选择范围内的值。
15. **`<input type="reset">`**
定义一个重置按钮，清除表单中所有的输入值。
16. **`<input type="search">`**
定义一个搜索框，用户可以输入搜索内容。
17. **`<input type="submit">`**
定义一个提交按钮，用于提交表单。
18. **`<input type="tel">`**
定义一个电话输入字段，用于输入电话号码。
19. **`<input type="text">`**
定义一个单行文本输入字段，支持任意字符串输入。
20. **`<input type="time">`**
定义一个时间选择器，允许选择小时和分钟。
21. **`<input type="url">`**
定义一个 URL 输入字段，支持验证 URL 格式。
22. **`<input type="week">`**
定义一个周选择器（年和第几周）。
评论