jQuery登录界面的文本框焦点代码

<script type="text/javascript">
$(function(){
$("#address").focus(function(){
var text_value=$(this).val();
if(text_value==this.defaultValue){ //this指当前文本文本框,this.defalueValue指当前文本框的默认值
$(this).val("");
}
})
$("#address").blur(function(){
var text_value=$(this).val();
if(text_value=="")
$(this).val(this.defaultValue);
})
$("#password").focus(function(){
var text_value=$(this).val();
if(text_value==this.defaultValue){
$(this).val("");
}
})
$("#password").blur(function(){
var text_value=$(this).val();
if(text_value=="")
$(this).val(this.defaultValue);
})
})
</script>
</head>
<body>
<input type="text" id="address" value="请输入邮箱地址"/> <br/><br/>
<input type="text" id="password" value="请输入邮箱密码"/> <br/><br/>
<input type="button" value="登陆"/>
</body>

1、fucos()方法用于处理获得焦点时的事件

2、bluf()方法用于处理失去焦点时的事件

实现功能:

      当文本框未点击时,显示文本框默认值。获得焦点时清空默认值, 失去焦点时将文本框内容设置为默认值

上一篇:19. Remove Nth Node From End of List


下一篇:[beego学习] form表单解析到结构体