讓IE8和IE9支持 placeholder

一、緣由: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

相關文章
相關標籤/搜索