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

发布时间：2023-10-21 15:00:41 所属栏目：经验来源：

导读：这篇文章主要为大家详细介绍了搜索框里显示字段鼠标点击后就隐藏的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

我们可以看到一些织梦dedecms网站上的搜索框内有

这篇文章主要为大家详细介绍了搜索框里显示字段鼠标点击后就隐藏的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

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

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!