文本框內容提示效果
阿新 • • 發佈:2018-08-09
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="事由+出行人員">
文本框內容提示效果