1. <input type="text">：
- 文本输入框，用于接受单行文本。
<input type="text" placeholder="请输入文本">
2. <input type="password">：
- 密码输入框，输入的内容会被隐藏。
<input type="password" placeholder="请输入密码">
3. <input type="checkbox">：
- 复选框，用于选择多个选项。
<input type="checkbox" id="check1" name="check1" value="value1">
<label for="check1">选项1</label>
4. <input type="radio">：
- 单选框，用于选择一项。
<input type="radio" id="radio1" name="radioGroup" value="value1">
<label for="radio1">选项1</label>
5. <input type="number">：
- 数字输入框，用于接受数字。
<input type="number" min="0" max="100" step="1" placeholder="请输入数字">
6. <input type="email">：
- 邮箱输入框，用于接受电子邮件地址。
<input type="email" placeholder="请输入邮箱">
7. <input type="url">：
- URL 输入框，用于接受网址。
<input type="url" placeholder="请输入网址">
8. <input type="date">：
- 日期输入框，用于选择日期。
<input type="date">
9. <input type="time">：
- 时间输入框，用于选择时间。
<input type="time">
10. <input type="color">：
- 颜色选择器，用于选择颜色。
<input type="color">
11. <input type="file">：
- 文件上传框，用于上传文件。
<input type="file">
12. <input type="range">：
- 范围输入框，用于选择范围内的值。
<input type="range" min="0" max="100" step="1" value="50">
这些新的 <input> 类型提供了更多的选择，使得开发者能够更方便地获取用户输入，并根据需要进行验证和处理。在选择合适的输入类型时，可以提升用户体验和页面交互性。
转载请注明出处：http://www.zyzy.cn/article/detail/12432/HTML