input 相关属性
placeholder
用js实现很麻烦，它出现了之后方便很多， 虽然是H5的内容， 但是很常用，不用多说
date
一个可以选择日期的input框, 但是一般不用，因为长得丑， 而且兼容性不好（chrome支持）
time
选择时间
week
.... 也基本不用
datetime-local
是date和time的结合体
number
只能敲进去数字，兼容性不好，唯 chrome 支持
它会自动校验是不是一个邮箱，把匹配邮箱的正则放到了 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。
网友评论