1. 程式人生 > >文本框內容提示效果

文本框內容提示效果

element blur js實現 () 文本框 ext 消失 由於 顯示

文本內容提示效果,未輸入內容時顯示文本內容,點擊輸入時內容後消失,由於是IE8,所以無法利用placeholder實現效果:<input placeholder="提示語"/>,利用js實現該效果

//給出提示:原因+出行人員
var tit=document.getElementById("whir$t3371_f7764").value;
if(tit==""){
document.getElementById("whir$t3371_f7764").innerText="事由+出行人員";
}
var tis=document.getElementById("whir$t3371_f7764");
tis.onfocus=function(){
    if(this.value==‘事由+出行人員‘){
      this.value=‘‘;
      
    };
   };
   tis.onblur=function(){
    if(!this.value){
      this.value = ‘事由+出行人員‘;
    };
  };

<input id="whir$t3371_f7764" value="事由+出行人員">

文本框內容提示效果