input 相关属性

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

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

选择时间

.... 也基本不用

是date和time的结合体

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

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

拾色器

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

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

image.png

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

H5 - input - type