<input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号'" onFocus="if(this.value=='楼盘账号') this.value=''" />
<input name="pwpwd" type="password" class="input1" value="******" onBlur="if(this.value=='') this.value='******'" onFocus="if(this.value=='******') this.value=''">
jquery实现方法
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。
focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。
如：
代码如下:
$("p").focus()或$("p").focus(fn)
blur()：和onblur一样。
如：
代码如下:
$("p").blur()或$("p").blur(fn)
实例
代码如下:
<form>
<label for="searchKey" id="lbSearch">搜神马？</label>这里label覆盖在文本框上，可以更好的控制样式
<input id="searchKey" type="text" />
<input type="submit" value="搜索" />
</form>
jquery代码
代码如下:
$(function() {
$('#searchKey').focus(function() {
$('#lbSearch').text('')
})
$('#searchKey').blur(function() {
var str = $(this).val()
str = $.trim(str)
if(str == '')
$('#lbSearch').text('搜神马？')
})
})
<body onload="javascript:showLoginMeg('usrId','${loginForm.loginMsg}')"> //在body中定义事件function showLoginMeg(logobj,loginMsg){
if ("" != loginMsg){
//logobj.focus()
alert(loginMsg)
document.getElementById(logobj).focus() //此处的logobj是一个字符串 得把他转换成对象进行焦点的定位
}
}
<pre></pre>
<pre></pre>
<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:0px right:auto top:89px">
<div title="点击翻译" id="translator-floating-panel-button"></div>
</div>
<pre></pre>
<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:545px right:auto top:20px">
<div title="点击翻译" id="translator-floating-panel-button"></div>
</div>
<div style="padding-top:20px">
<p style="font-size:12px">版权声明：本文为博主原创文章，未经博主允许不得转载。</p>
</div>
