解决IE6、IE7、IE8、IE9不支持HTML5 placeholder属性值的方案

分类:Javascript| 发布:佚名| 查看: | 发表时间:2015/10/21

placeholder 是HTML5的新属性,在做input 的预设值还挺方便的,但无奈IE8以下不支持,因此需要额外做fix。在实际使用中,却遇到了很多问题:

例如在官网查到的plugin:http://plugins.jquery.com/project/input-placeholder,就不支持type="password"的结果。因为仅改变value,对应password的显示方式

以下是我找到支持度最好地plugin:

DEMO: http://mathiasbynens.be/demo/placeholder

plugin: https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

引入:

<!--[if lt IE 10]>
<script src="/libs/html5/modernizr-custom.js"></script>
<script src="/libs/html5/json2.js"></script>
<script src="/libs/html5/storage.js"></script>
<script src="/libs/html5/jquery.placeholder.min.js"></script>
<script type="text/javascript">
$(function(){
$('input, textarea').placeholder();//让所有DOM元素中,带有placeHolder="..."的显示出来。
});
</script>
<![endif]-->;
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/2163.html