首页 > 其他 > 详细

文本框内容提示效果

时间:2018-08-09 13:32:52      阅读:143      评论:0      收藏:0      [点我收藏+]

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

文本框内容提示效果

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!