jQuery实现输入框点击隐藏内容,离开显示输入框内容

HTML代码:

jQ代码:

//获取id focus()是处理获取焦点的方法

$("#email").focus(function(){

var txt_value = $(this).val();//获取输入框的值

if(txt_value=="请输入邮箱地址"){

$(this).val("");//如果输入框的值是请输入邮箱地址  聚焦后 输入框的值为空

}

});

//获取id focus()是处理失去焦点的方法

$("#email").blur(function(){

var txt_value = $(this).val();//获取输入框的值

if(txt_value==""){

$(this).val("请输入邮箱地址");//如果输入框的值是空  聚焦后 输入框的值为请输入邮箱地址

}

})

$("#password").focus(function(){

var txt_value = $(this).val();

if(txt_value == "请输入密码"){

$(this).val("");

}

})

$("#password").blur(function(){

var txt_value = $(this).val();

if(txt_value == ""){

$(this).val("请输入密码");

}

})