爱程序网

如何实现点击文本清除默认文字

来源: 阅读:

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

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助