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>