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

jQuery代码

<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>

 

转载于:https://www.cnblogs.com/loverows/p/4071525.html