码迷,mamicode.com
首页 > 其他好文 > 详细

文本框内容提示效果

时间:2018-08-09 13:49:40      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:blur   input   value   显示   内容   ntb   nbsp   inpu   text   

文本内容提示效果,未输入内容时显示文本内容,点击输入时内容后消失,由于是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="事由+出行人员">

文本框内容提示效果

标签:blur   input   value   显示   内容   ntb   nbsp   inpu   text   

原文地址:https://www.cnblogs.com/cjxns/p/9447940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!