浏览器兼容问题记录之表单（持续更新中）

• autofocus属性

作用：让表单加载完成时有一个表单域默认被选中，及获取焦点；若多个表单域都被添加了该属性，

Safair：最后一个添加该属性的表单域被选中

Firefox和Chorme：第一个添加该属性的表单域被选中

• list以及datalist元素

作用：在输入框输入值时自动显示备选值以作为提示，

在不同浏览器显示效果不同，有待统一

• number属性

作用：限制输入内容为数字

1.若非数字：

Chorme：无法输入

Firefox：提示框报错

Safari：顺利提交

IE：输入框失去焦点时快速清空内容

2. 输入数值不在min~max范围内

IE、Chorme、Firefox：弹警告框

Safari：什么也不做

• color属性

作用：限制输入颜色

兼容性太差似乎只有Chorme、Firefox支持

• date属性

作用：输入日期

Chorme、Opera、Firefox：显示日期格式以及日历框

其他默认渲染成普通文本输入框

使用腻子脚本弥补这些问题：

Webshims Lib  ：下载地址

依赖于JQ

用法：

1.
<script></script>Z中链入jq和webshim脚本    
2.初始化脚本加载补丁
<sript>    
webshim.polyfill('forms');
</script>