帮我打出html的input里的所有type的种类。我要所有的，不只是常用的。并给出网页能显示的代码

当然，下面是HTML的input元素中所有的type类型：

1. text - 用于输入单行文本。
2. password - 用于输入密码，不会显示明文。
3. checkbox - 用于选择一个或多个选项。
4. radio - 用于在一组选项中选择一个选项。
5. button - 用于创建按钮。
6. submit - 用于提交表单。
7. reset - 用于重置表单。
8. file - 用于上传文件。
9. hidden - 用于隐藏表单元素。
10. image - 用于显示图像，可以作为提交按钮。
11. month - 用于输入月份。
12. week - 用于输入星期几和周数。
13. date - 用于输入日期。
14. datetime-local - 用于输入本地日期和时间。
15. time - 用于输入时间。
16. email - 用于输入电子邮件地址。
17. number - 用于输入数值。
18. range - 用于输入范围内的数值。
19. tel - 用于输入电话号码。
20. search - 用于搜索框。

以下是这些input类型的代码示例：

<input type="text" placeholder="请输入文本">
<input type="password" placeholder="请输入密码">
<input type="checkbox" name="option1" value="1">选项1
<input type="checkbox" name="option2" value="2">选项2
<input type="radio" name="option3" value="3">选项3
<input type="radio" name="option3" value="4">选项4
<input type="button" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="file">
<input type="hidden" name="hidden" value="hidden">
<input type="image" src="image.png">
<input type="month">
<input type="week">
<input type="date">
<input type="datetime-local">
<input type="time">
<input type="email" placeholder="请输入电子邮件地址">
<input type="number" placeholder="请输入数字">
<input type="range" min="0" max="100">
<input type="tel" placeholder="请输入电话号码">
<input type="search" placeholder="请输入搜索关键字">