服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > dedecms教程 >

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

时间:2017-02-11 11:36来源:未知 作者:最模板编辑 点击:
我们可以看到一些织梦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='探寻预留字' 。
(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容