现在很多的网站登录框都有“请输入用户名”,“请输入密码”的功能提示,今天用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属性来实现同样的功能,就是获取当前文本框的默认值。
声明:有什么不对的地方或者疑问的地方可以提出来,多多指教!