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

分类：Javascript| 发布：佚名| 查看：1238 | 发表时间：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

引入：

01<!--[if lt IE 10]>
02 <script src="/libs/html5/modernizr-custom.js"></script>
03 <script src="/libs/html5/json2.js"></script>
04 <script src="/libs/html5/storage.js"></script>
05 <script src="/libs/html5/jquery.placeholder.min.js"></script>
06 <script type="text/javascript">
07 $(function(){
08    $('input, textarea').placeholder();//让所有DOM元素中，带有placeHolder="..."的显示出来。
09 });
10 </script>
11<![endif]-->;

365据说看到好文章不转的人，服务器容易宕机！

标签：jQuery 插件 HTML5 placeholder IE6 IE7 IE9 IE8

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/2163.html

相关文章

jQuery bug：Slidetoggle 在IE7会出现闪烁消失及自动关闭的情况(2015-10-16 10:32:30)
Modernizr、HTML5Shiv、respond.js三者的区别？(2015-10-15 10:45:25)
jQuery event.returnValue is deprecated. Please use the standard event.preventDefault() instead.(2015-7-18 10:20:38)
使用FormData对象提交表单及上传图片的方法（php+html5）(2015-7-5 9:23:11)
最新10个免费的jQuery表格插件（Tabledit、 Datagrid、SlickGrid）(2015-6-11 10:40:18)
AjaxFileUploader+thinkphp实现无刷新文件上传的示例代码(2015-6-2 10:35:2)
Photoshop效果转CSS3小插件 - 图层自动转CSS效果 CSS3PS(2015-4-17 10:27:42)
jQuery+Zero Clipboard点击文本框复制其内容到剪贴板上兼容所有浏览器(2015-1-26 10:16:23)
PHP结合jQuery实现注册模块开发详解和示例代码(2014-12-17 15:50:56)
PHP+jQuery实现的列表分页的功能模块详细说明及示例代码(2014-12-17 10:19:13)

豫ICP备10013645号 Copyright 2009-2022 camnpr.com

关于我们 - 广告合作 - 免责声明 - 投诉建议