input框内默认文字点击消失

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function addLoadEvent(func){
 var oldonload = window.onload;
 if(typeof window.onload!= 'function' ){
   window.onload = func;
 }
 else{
  window.onload = function(){
  oldonload();
  func();
  }
 }
}
var inputtext = function(){
 var inputs = document.getElementsByTagName('INPUT');
 for(var i=0; i<inputs.length; i++){
  var str = "gray_input";
  if(str.indexOf(inputs[i].className)==-1) continue;
  var element = inputs[i];
  element.onfocus = function() {
     if (this.value == this.defaultValue) {
        this.value = "";
     this.className = "gray_input2";
    }
     }
       element.onblur = function() {
       if (this.value == "") {
          this.value = this.defaultValue;
     this.className = "gray_input";
          }
        }
 }
}

addLoadEvent(inputtext);
</script>
<style>
.gray_input{color:#878787;}
.gray_input2{color:#444;}
</style>
</head>

<body>
<input name="text2" type="text" id="main_search3" class="gray_input" value="搜一下问题来回答"/>
</body>
</html>

 

转载于:https://www.cnblogs.com/welcoming/p/3461082.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值