一、緣由:placeholder是h5的新屬性,IE10之前的瀏覽器(八、9)不支持此屬性。javascript
二、解決方法:jQuery三方插件 jquery-placeholdercss
三、快速開始:html
<!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{ width: 100px; height: 50px; border: 1px solid red; } .placeholder { color: #ccc; } </style> <body> <input type="text" placeholder="dfdsfdsfad"/> </body> </html>
四、注:此插件和jquery validate混合使用時,密碼框password會略過校驗,由於新生成的input並無name屬性。解決方法:點擊提交按鈕時,用js代碼給新生成的input添加name屬性。java