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

2021-02-26 作者：匿名阅读：1674次

前言

本文主要讲解《搜索框里显示字段鼠标点击后就隐藏的方法》的详细内容

我们可以看到一些织梦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='探寻预留字' 。

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/web/7311.html

W 导出为.doc文档

标签字段鼠标点击方法点击字段搜索方法隐藏标点

上一篇dedecms模板选择div+css还是table

下一篇解决dede封面模板不能显示副栏目内容的问题

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！