<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()方法用于处理失去焦点时的事件
实现功能:
当文本框未点击时,显示文本框默认值。获得焦点时清空默认值, 失去焦点时将文本框内容设置为默认值