ECShop H5微商城
ECShop APP商城
ECshop4.0商业授权
ECShop源码全能套餐
ECMall全能套餐(含主机)
ECMall3.0功能定制
ECShop商城小程序
ECShop二开定制
ECShop授权套餐
ECShop装修市场
ECMall基础套餐(PC+H5)
ECMall3.0商业授权
返回列表 发帖

[共享] 共享一段搜索框内显示文字的代码

已测


  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 编辑 ]
1

评分人数

  • yizhimei

ECShop下载                             ECShop4.0商业授权

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

将其替换
ECShop下载                             ECShop4.0商业授权

TOP

提示: 作者被禁止或删除 内容自动屏蔽
签名被屏蔽
ECShop下载                             ECShop4.0商业授权

TOP

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


  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 编辑 ]
ECShop下载                             ECShop4.0商业授权

TOP

提示: 作者被禁止或删除 内容自动屏蔽
签名被屏蔽

TOP

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

编辑以后的效果会变饿... 没办法只能插代码标签了

TOP

建议将表内文字颜色改成灰色,不要太深。
ECShop下载                             ECShop4.0商业授权

TOP

收下备用了//..
ECShop下载                             ECShop4.0商业授权

TOP

好东西,收藏了
ECShop下载                             ECShop4.0商业授权

TOP

sonyr   谢谢您,我正在找呢,您辛苦了!!!!

TOP

我先用试试

TOP

如果不是默认模板怎么改,我的是360的

TOP

替楼主顶下。

TOP

很不错,我正要呢!谢谢楼主!

TOP

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


360模板 貌似 是根据id调用 没有这个search代码 高手出来解决

TOP

返回列表