搜索框焦点获得与取消时文字显示与消失

时间: 2009-10-11  分类: Javascript  收藏
百度的:
<div>
<input id="youa_search_input" placeholder="搜索更多热门商品" name="keyword" type="text" value="" maxlength="80">
<input type="submit" value="百度一下">
</div>
/*搜索框焦点获得与取消时文字显示与消失*/
<script type="text/javascript">
(function(){
if(window.navigator.userAgent.indexOf("WebKit")== -1){
var ysi=document.getElementById('youa_search_input')
ysi.className="";
ysi.value=ysi.getAttribute('placeholder');
ysi.onfocus=function(){
if(this.value==ysi.getAttribute('placeholder')){this.value='';this.className='focus';}
}
ysi.onblur=function(){
if(this.value==''){this.value=ysi.getAttribute('placeholder');this.className='';}
}
}
})();
</script>

PHPCMS的:
<form action="http://www.phpcms.cn/license/license.php" method="post" target="_blank">
<div class="blank10"></div>
<div class="business">
<div class="hd">商业授权查询</div>
<div class="blank15"></div>
<input class="input_blur" type="text" size="26" name="domain" id="domain" value="phpcms.cn" onfocus="domain_focus(1)" onblur="domain_focus(2)"/><input id="button" class="search_button" type="submit" value="查询" name="s"/>
</div></form>
<script type="text/javascript">
function domain_focus(obj){
if($('#domain').val() == 'phpcms.cn' && obj == 1){
$('#domain').val('');
}
if($('#domain').val() =='' && obj==2){
$('#domain').val('phpcms.cn')
}
}
</script>
其他网站的:
<textarea onblur="if(this.value==''){this.value='在此发表评论!'}"
onfocus="if(this.value==' 在此发表评论!'){this.value=''}" name="Content" id="Content" cols="70" rows="5" class="sendbor">在此发表评论!</textarea>
分享到:

评论

昵 称: