1、原因:placeholder是h5的新属性,IE10以前的浏览器(8、9)不支持此属性。
2、解决方法:jQuery三方插件 jquery-placeholder
3、快速开始:
<!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <!--[if lte IE 9]> <script src="../../js/jquery/jquery.placeholder.min.js"></script> <script> $(function(){ $('input[placeholder]').placeholder(); }); </script> <![endif]--> </head> <style type="text/css"> input{ 100px; height: 50px; border: 1px solid red; } .placeholder { color: #ccc; } </style> <body> <input type="text" placeholder="dfdsfdsfad"/> </body> </html>
4、注:此插件和jquery validate混合使用时,密码框password会略过校验,因为新生成的input并没有name属性。解决方法:点击提交按钮时,用js代码给新生成的input添加name属性。