我已阅读并接受《用户协议》
注册VIP账号,全站资源免费任意下!
欢迎来到微视媒-源码测试 经验教程 小程序源码 设计资源
开通会员全站免费下载
立即加入
您的一年会员开通成功!
您的一年会员开通成功!
今日下载数已用完
升级会员
提交
下载提示!请输入验证码验证哦!
看不清,重新获取
提交验证码
首页 > 织梦学习 >

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

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

209
111
  • 分 享 者:
    虎哥
  • 更新时间:
    06-03
  • 资源评分:
  • 分享方式:
    共享
  • 技术支持:
    暂无
  • 使用场景:
    仅供个人技术学习参考,拒绝商用
  • 可用操作:
您可能会喜欢的其他资源
点击咨询
在线时间:9:00-21:00