标题:
[
共享
]
共享一段搜索框内显示文字的代码
[打印本页]
作者:
sonyr
时间:
2008-11-26 11:42
标题:
共享一段搜索框内显示文字的代码
已测
<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;"/>
复制代码
效果图
2008-11-26 11:42
工作原理
当鼠标点击输入框内 则默认内容清空!
当鼠标点在外面时 如果输入框内用户未输入内容时则恢复原默认内容!
[
本帖最后由 sonyr 于 2008-11-26 12:49 编辑
]
图片附件:
未命名.jpg
(2008-11-26 11:42, 8.26 KB) / 下载次数 1032
http://bbs.ecshop.com/attachment.php?aid=17473&k=b50390dd40b9ed4dc31740fd9ce26657&t=1711654716&sid=3elluu
作者:
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
晕。。。代码搞错了
小小汗一下。...
<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
以上两楼主的综合版,效果不错,
<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