首页 > 教程 >
搜索框里显示字段鼠标点击后就隐藏的方法
2023-03-07教程围观次
简介我们可以看到一些织梦dedecms网站上的搜索框内有默认的字段,但我们鼠标点击后就没有了。我也想在我的网站的搜索框内实现这样的效果,于在网上搜寻一番,终于找到实现这一效果的方法。方法如下:Quote://解释onfocus="if(this.value=='探寻预留字')this.value=''"当选中INPUT时候如果VALUE中的文字为探寻预留字,则VALUE="",//onblur="if
我们可以看到一些织梦dedecms网站上的搜索框内有默认的字段,但我们鼠标点击后就没有了。 我也想在我的网站的搜索框内实现这样的效果,于在网上搜寻一番,终于找到实现这一效果的方法。 方法如下: <input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探寻预留字" style="color:#ddd" ="if (this.value=='探寻预留字')this.value=''" ="if (this.value=='')this.value='探寻预留字'" /> Quote: <input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探寻预留字" style="color:#ddd" ="if (this.value=='探寻预留字')this.value=''" ="if (this.value=='')this.value='探寻预留字'" /> //解释 ="if (this.value=='探寻预留字')this.value=''" 当选中INPUT时候如果VALUE中的文字为 探寻预留字,则VALUE="", // ="if (this.value=='')this.value='探寻预留字'" 当焦点失去,如果搜索文本框INPUT 中无任何数据,则value='探寻预留字' 。 |
下载链接:网站源码/小程序源码/网站模板下载