input属性有哪几个属性值(12个input元素的类型及属性解析)

HTML 表单用于搜集不同类型的用户输入，HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证，今天将为大家带来HTML中的表单input属性有哪几个属性值。

1. input元素的url类型--url类型的input元素专门用来输入url地址的文本框。提交时候，如果该文本框中的内容不是url地址格式的文字，则不允许提交。

2. email类型--专门用来输入email地址的文本框,提交时候如果内容不是email格式地址的文字则不允许提交。

3. datel类型--以日立的形式方便用户输入。

4. time类型--专门输入时间的文本框，提交时候对输入时间进行检查。

5. datetime-local类型--专门用来输入本地日期和时间的文本框。

6. month类型--输入月份的文本框。

7. week类型--专门输入周号的文本框。

8. number类型--专门用来输入数字的文本框，number也有min,max,step属性.

9. range类型--专门输入一段范围内的数值的文本框；

10. search类型--输入搜索关键词的文本框（移动设备中获得焦点后，键盘前往变成搜索);

11. tel类型--元素用来输入电话号码,可以用pattern属性来指定输入电话号码格式的验证（移动设备，获得焦点，显示数字面板）

12. color类型--用于选取颜色，提供一个颜色选取器