JS實現輸入框提示文字點擊時消失效果

 

搬博前 2017年06月24日 09:34:01 發佈的

在網頁登陸框裏的輸入框裏常常會看到提示你輸入什麼內容的字樣顏色比較淡的,這個就是“文本框點擊時文字消失,

失去焦點時文字出現”這個效果;這個效果用個JS就可以完成,這個效果是做網站的人必備的JS代碼;

自己會寫JS的寫寫也快,不會寫的就需要代碼收集以作備用,用到的時候就方便多了。
/*代碼分割線-------------------------------------------------------------------------------------*/
<!DOCTYPE >

<html>

 <head>

 <meta http-equiv="Content-Type"content="text/html; charsetGB2312"/>

 <title>文本框點擊時文字消失,失去焦點時文字出現</title>

 </head>

 <body>

 <input type="text"value="請輸入您的ID"id="myinput" />

 </body>

</html>

<script language="JavaScript"type="text/javascript">

  functionaddListener(element,e,fn){

    if(element.addEventListener){

       element.addEventListener(e,fn,false);

     }else{

       element.attachEvent("on"+ e,fn);

     }

  }

  varmyinput = document.getElementById("myinput");

  addListener(myinput,"click",function(){

  myinput.value ="";

  })

  addListener(myinput,"blur",function(){

  myinput.value ="請輸入您的ID";

  })

</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章