input输入框的23种类型
爱在大明湖畔 发布于 阅读：432
1.text - 默认的输入类型，用于单行 文本输入 。
2.password - 隐藏输入的文本。
3.submit - 定义 提交按钮 。点击按钮会提交表单。
4.reset - 定义重置按钮。点击按钮会重置表单中的所有输入字段。
5.button - 定义一个可点击的按钮。
6.radio - 定义单选按钮。
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label>7.checkbox - 定义复选框。
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label>8.file - 用于文件上传。
9.hidden - 定义隐藏输入字段。
10.image - 定义图像形式的提交按钮。点击图像会提交表单。
11.color - 用于选择颜色。
12.date - 用于选择日期。
13.month - 用于选择月份和年份。
14.week - 用于选择周和年份。
15.time - 用于选择时间（小时、分钟、秒钟、AM/PM）。
16.datetime-local - 用于选择日期和时间（年、月、日、小时、分钟、秒钟）。
17.number - 用于输入数字。
18.range - 用于在一定范围内输入数字。
19.email - 用于电子邮件地址的输入。
20.search - 用于搜索字段。在某些浏览器中，它可能显示为圆角。
21.tel - 用于电话号码的输入。它不会进行任何验证，只是提供一种语义上的提示。
22.url - 用于 URL 的输入。
23.datalist - 与 元素配合使用的预定义
这里有一个简单的例子来说明 与
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>在这个例子中， 元素的 list 属性引用了