jquery clear input default value

jquery 点击清除输入框的value值

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery clear input default value</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> </head> <body> <form id="form" action="" method="get"> <input type="text" name="First name" value="First name"/> <input type="text" name="Family name" value="Family name"/> <input type="text" name="Email" value="Email..."/> <input type="text" name="password" value="password..."/> <input type="text" name="location" value="City where you live"/> <input type="submit" name="sign up" value="Sign Up"/> </form> <script> $('#form').children(':text').focus(function(){ if(!this.initValue){ this.initValue = this.value; } if(this.value === this.initValue){ this.value = ''; } }).blur(function(){ if(this.value === '' || this.value === null){ this.value = this.initValue; } }); </script> </body> </html>

 

posted @ 2014-01-10 11:43  cbhello  阅读(822)  评论(0编辑  收藏  举报