网页搜索框里显示字段鼠标点击后就隐藏的方法


我们可以看到一些织梦dedecms网站上的搜索框内有默认的字段,但我们鼠标点击后就没有了。家电清洗
我也想在我的网站的搜索框内实现这样的效果,于在网上搜寻一番,终于找到实现这一效果的方法。
方法如下:
<input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探寻预留字" style="color:#ddd" onfocus="if (this.value=='探寻预留字')this.value=''" onblur="if (this.value=='')this.value='探寻预留字'" />
Quote:
<input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探寻预留字" style="color:#ddd" onfocus="if (this.value=='探寻预留字')this.value=''" onblur="if (this.value=='')this.value='探寻预留字'" />

//解释onfocus="if (this.value=='探寻预留字')this.value=''" 当选中INPUT时候如果VALUE中的文字为 探寻预留字,则VALUE="",
//onblur="if (this.value=='')this.value='探寻预留字'" 当焦点失去,如果搜索文本框INPUT 中无任何数据,则value='探寻预留字' 。

上一篇:织梦dedeCMS文章防刷新机制的代码

下一篇:织梦cms手机站首页不更新的解决办法


html5
Copyright © 2002-2019 k262电脑网 www.k262.cn 皖ICP备2020016292号
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!QQ:251442993 热门搜索 网站地图