当前位置: 代码迷 >> .NET相关 >> 怎么实现点击文本清除默认文字
  详细解决方案

怎么实现点击文本清除默认文字

热度:255   发布时间:2016-04-24 02:37:44.0
如何实现点击文本清除默认文字

如何实现点击文本清除默认文字:
在进行用户登录的时候,大家可能都会遇到过这样的情况,文本框中有默认的文本,比如“请填写用户名”或者"请填写密码"等提示性的文本,当鼠标点击文本框的时候,就可以清除这些文本,下面简单介绍一下如何使用jquery实现此功能。
代码如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><head><script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript"> $(function(){  $('.input_test').bind({    focus:function(){     if(this.value == this.defaultValue){      this.value="";     }    },    blur:function(){      if(this.value == ""){       this.value = this.defaultValue;      }    }  })}) </script> </head><body><div><input type="text" value="默认文本一" class="input_test" /></div> <div><input type="text" value="默认文本二" class="input_test" /></div> </body></html>

 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8212

更多内容可以参阅:http://www.softwhy.com/jquery/

 

  相关解决方案