input 相关属性

placeholder

用js实现很麻烦，它出现了之后方便很多， 虽然是H5的内容， 但是很常用，不用多说

date

一个可以选择日期的input框, 但是一般不用，因为长得丑， 而且兼容性不好（chrome支持）

time

选择时间

week

.... 也基本不用

datetime-local

是date和time的结合体

number

只能敲进去数字，兼容性不好，唯 chrome 支持

email

它会自动校验是不是一个邮箱，把匹配邮箱的正则放到了 input 底层实现，不用再用 js 去做(chrome,firefox支持)

color

拾色器

range

<input type="range" min="1" max="100">
chrome, safari支持

search

url

chrome, firefox支持. 要求是一个完整的url，http都得带上

image.png

综上所述，各大浏览器对于H5中type的各种属性， 支持的很不好。除了placeholder几乎都不能使用。除了用户群体全是chrome。