jquery实现用户名密码提示

现在很多的网站登录框都有“请输入用户名”，“请输入密码”的功能提示，今天用jQuery做了一下这个类似的小功能。

HTML代码如下：

<input type="text" id="userid" value="请输入用户名">
<input type="text" id="password" value="请输入密码">
<input type="button" value="登录">

第一步，当用户名文本框获取鼠标焦点时，如果地址框的值为“请输入用户名”则要把文本框的内容清空。

$("#userid").focus(function(){
var useridText =$(this).val();//获取用户名文本框的值
if(useridText=="请输入用户名"){
$(this).val("");
}
});

第二步，当用户名文本框失去鼠标焦点时，如果用户名文本框的值为空，则将地址框中的值设置成“请输入用户名”

$("#userid").blur(function(){
var useridText =$(this).val();//获取用户名文本框的值
if(useridText==""){
$(this).val("请输入用户名");
}
});

注：this指向当前文本框。

在上述功能中可以用this.defaultValue属性来实现同样的功能，就是获取当前文本框的默认值。

声明：有什么不对的地方或者疑问的地方可以提出来，多多指教！