Board logo

标题: [共享] 共享一段搜索框内显示文字的代码 [打印本页]

作者: sonyr    时间: 2008-11-26 11:42     标题: 共享一段搜索框内显示文字的代码

已测


  1. <INPUT class="B_input" onblur="if (this.value=='') this.value='想找什么?输入商品名称试试';" onclick="if (this.value=='想找什么?输入商品名称试试') this.value='';" value=想找什么?输入商品名称试试 type="text" id="keyword" name="keywords" style="width:190px;"/>
复制代码


效果图
未命名.jpg
2008-11-26 11:42



工作原理
当鼠标点击输入框内 则默认内容清空!
当鼠标点在外面时 如果输入框内用户未输入内容时则恢复原默认内容!

[ 本帖最后由 sonyr 于 2008-11-26 12:49 编辑 ]

图片附件: 未命名.jpg (2008-11-26 11:42, 8.26 KB) / 下载次数 193
http://bbs.ecshop.com/attachment.php?aid=17473&k=4cba00c21de183180d1b53a9c53fd385&t=1606160023&sid=ujAk61


作者: sonyr    时间: 2008-11-26 11:50

默认模板修改 page_header.lbi
搜索<input name="keywords" type="text" id="keyword" value="{$search_keywords|escape}" class="B_input" style="width:110px;"/>

将其替换
作者: cosco1    时间: 2008-11-26 12:47

提示: 作者被禁止或删除 内容自动屏蔽
作者: sonyr    时间: 2008-11-26 12:49

晕。。。代码搞错了
小小汗一下。...


  1. <INPUT class="B_input" onblur="if (this.value=='') this.value='想找什么?输入商品名称试试';" onclick="if (this.value=='想找什么?输入商品名称试试') this.value='';" value=想找什么?输入商品名称试试 type="text" id="keyword" name="keywords" style="width:190px;"/>
复制代码

[ 本帖最后由 sonyr 于 2008-11-26 12:50 编辑 ]
作者: cosco1    时间: 2008-11-26 12:52

提示: 作者被禁止或删除 内容自动屏蔽
作者: sonyr    时间: 2008-11-26 12:54

小梅 我发现在论坛貌似有个编辑BUG

编辑以后的效果会变饿... 没办法只能插代码标签了
作者: uzou    时间: 2008-11-26 13:31

建议将表内文字颜色改成灰色,不要太深。
作者: 99mark    时间: 2008-11-28 09:41

收下备用了//..
作者: newesc    时间: 2008-11-28 10:11

好东西,收藏了
作者: mjyun021    时间: 2009-4-15 18:35

sonyr   谢谢您,我正在找呢,您辛苦了!!!!
作者: qq1597326    时间: 2009-4-16 01:27

我先用试试
作者: qq1597326    时间: 2009-4-16 02:01

如果不是默认模板怎么改,我的是360的
作者: 风过落叶    时间: 2009-4-16 08:17

替楼主顶下。
作者: 空白2006    时间: 2009-4-23 01:13

很不错,我正要呢!谢谢楼主!
作者: shy772    时间: 2009-10-28 14:05

如果不是默认模板怎么改,我的是360的
qq1597326 发表于 2009-4-16 02:01


360模板 貌似 是根据id调用 没有这个search代码 高手出来解决
作者: shy772    时间: 2009-10-28 14:29

请 高人出来 解决 360模板的类似 问题
和 搜索功能 和 搜索 框架的长度 ,css样式表和page-header.lbl貌似解决不了以上问题
作者: 温度    时间: 2009-11-16 18:51

楼主的代码有点复杂:<input name="article_keywords" type="text" value="请输入关健词" onclick="this.value=''; this.color='#000000'" style="width:205px; color:#999;" />这个更简单
作者: print001    时间: 2010-2-2 16:10

这个功能很人性化
作者: liubeilei    时间: 2010-3-7 15:13

继续做个记号~~
作者: sosee    时间: 2010-3-7 17:57

顶上。。。











手机维修培训技术手机维绝招
手机维绝招
手机维修视频
手机维修视频
手机维修视频
赚钱秘诀
赚钱秘诀
赚钱秘诀
名师介绍
名师介绍
名师介绍
作者: dievar    时间: 2010-4-27 01:10

thanks  正用上了
作者: liwen1311    时间: 2010-9-3 23:37

留名 记录位置
作者: leflower    时间: 2010-10-3 18:06

本帖最后由 leflower 于 2012-3-28 10:44 编辑
建议将表内文字颜色改成灰色,不要太深。
uzou 发表于 2008-11-26 13:31



以上两楼主的综合版,效果不错,
  1. <input name="article_keywords" type="text" onblur="if (this.value=='') this.value='想找什么?-->>搜索一下';" value="想找什么?-->>搜索一下" onclick="this.value=''; this.color='#000000'" style="width:200px; color:#999;" />
复制代码

作者: stopchou    时间: 2010-10-6 18:01

怎么我打开page_header.lbi文件 里面的中文是乱码的~?~~?
作者: stopchou    时间: 2010-10-6 18:02

怎么我打开page_header.lbi 这个文件 中文是乱码的??
作者: hoo    时间: 2011-8-3 23:35

不错的功能,收藏一下
作者: fklhong    时间: 2011-8-4 10:58

:):):):):):):)
作者: 小二上菜    时间: 2012-3-6 16:07

支持一下   可是发现错位!!  360浏览器和火狐的效果不一样  火狐的是正常的




欢迎光临 ECShop电商系统交流论坛 (http://bbs.ecshop.com/) Powered by Discuz! 7.2