您的位置：首页 > Web前端 > JQuery

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

2018-10-12 14:01 2026 查看


<input value="请输入用户名" type="text"> 
<input value="请输入密码" type="text"> 
<input value="提交" type="submit"> 
<script> 
$(function(){ 
//输入框中文字颜色控制 
$("input:not(:last)").css("color","#999"); 
}); 
//用户名框鼠标焦点移进，文字消失 
$("input:first").click(function () { 
var check1 = $(this).val(); 
if (check1 == this.defaultValue) { 
$(this).val(""); 
} 
}); 
//用户名框鼠标焦点移出，文字显示 
$("input:first").blur(function () { 
$(this).val(this.defaultValue); 
}); 
//密码框鼠标焦点移进，文字消失 
$("input:eq(1)").click(function () { 
var check2 = $(this).val(); 
if (check2 == this.defaultValue) { 
$(this).val(""); 
} 
//密码框鼠标焦点移出，文字显示 
$("input:eq(1)").blur(function () { 
$(this).val(this.defaultValue); 
}); 
}) 
</script>

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航