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属性