Jquery 文本内容的显示
<span><input class="SearLog" type="text" value="用户名"/></span>
$username.focus(function(){
$username.val("");
});
$username.blur(function(){
$username.val("用户名");
});
当鼠标位于输入框时 输入框内容为空,当鼠标离开、且没有输入任何内容时,输入框中的内容为“用户名”,当鼠标离开,且有内容输入“yupandad@sina.com”时,输入框中的内容为输入的内容,(即“yupandad@sina.com”),
以上Javascript中代码当鼠标离开时,内容就是“用户名”
------解决方案--------------------------解决方案--------------------$username.blur(function(){
if($username.val()==""){
$username.val("用户名");
}
});
------解决方案--------------------<input class="SearLog" type="text" value="用户名" onblur="if(this.value===''){value='yupandad@sina.com'};" onfocus="if(this.value==='yupandad@sina.com'){value='';}">
------解决方案--------------------
$username.focus(function(){
if($username.val()=="用户名")
$username.val("");
});
$username.blur(function(){
if($username.val()=="")
$username.val("用户名");
});
------解决方案--------------------可以来我的博客看下jquery的快速排序那个文章,你有想要的那个效果,用jquery的链式写法比较好点
------解决方案--------------------
$username.focus(function(){
$username.val("");//当鼠标位于输入框时 输入框内容为空,
});
//当鼠标离开事件
$username.blur(function(){
且没有输入任何内容时,输入框中的内容为“用户名
if($username.val()=="")
$username.val("用户名");
//且有内容输入“yupandad@sina.com”时 , 在这里不做处理就可以了。
});
4楼的代码就可以了,我只是加一些注释让你更加明白些。
------解决方案--------------------