如何清除onfocus与jquery的输入表单的默认值，并在按下提交按钮时再次清除？
<html>
<form method="" action="">
<input type="text" name="email" value="Email address" class="input" />
<input type="submit" value="Sign Up" class="button" />
</form>
</html>
<script>
$(document).ready(function() {
//hide input text
$(".input").click(function(){
if ($('.input').attr('value') == ''){
$('.input').attr('value') = 'Email address'; alert('1');}
if ($('.input').attr('value') == 'Email address'){
$('.input').attr('value') = ''}
});
});
</script>
解决方法
您可以使用此..
<body>
<form method="" action="">
<input type="text" name="email" class="input" />
<input type="submit" value="Sign Up" class="button" />
</form>
</body>
<script>
$(document).ready(function() {
$(".input").val("Email Address");
$(".input").on("focus",function() {
$(".input").val("");
});
$(".button").on("click",function(event) {
$(".input").val("");
});
});
</script>
谈论你自己的代码，问题是jquery的attr api设置
$('.input').attr('value','Email Adress');
而不是你所做的：
$('.input').attr('value') = 'Email address';
