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

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


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

TOP

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

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

TOP

返回列表