用js實(shí)現(xiàn)placeholder效果(兼容ie)

placeholder是h5的新特性,所以低瀏覽器不支持

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    input {
       width: 436px;
       height: 32px;
       line-height: 32px;
       padding-left: 10px;
       color: #999;
     }
    </style>
</head>
<body>
<input type="text" value="圖書滿減"  id="myinput">
    <script>
        
// 表單默認(rèn)效果
  function addListener(element,e,fn){ 
    if(element.addEventListener){ 
        element.addEventListener(e,fn,false); 
        } else { 
            element.attachEvent("on" + e,fn); 
        } 
    } 
    var myinput = document.getElementById("myinput"); 
    addListener(myinput,"click",function(){ 
        myinput.value = "";
        
        }) 
    addListener(myinput,"blur",function(){ 
        myinput.value = "圖書滿減";
        

    }) 
    </script>
</body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,207評(píng)論 1 92
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,838評(píng)論 4 61
  • 慕溟閱讀 210評(píng)論 0 0
  • 版權(quán)歸作者所有,任何形式轉(zhuǎn)載請(qǐng)聯(lián)系作者。 作者:三葉草ooo(來自豆瓣) 來源:https://www.douba...
    三葉草的練習(xí)本閱讀 262評(píng)論 0 0
  • 自由書寫五月第五篇 看到這個(gè)題目的時(shí)候,腦海里閃現(xiàn)出一個(gè)個(gè)熟悉的人,但說到崇拜,我卻有些遲疑。我不是一個(gè)容易有強(qiáng)烈...
    Vanillawei閱讀 410評(píng)論 0 0

友情鏈接更多精彩內(nèi)容