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商业授权

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

TOP

:):):):):):):)

TOP

不错的功能,收藏一下

TOP

怎么我打开page_header.lbi 这个文件 中文是乱码的??

TOP

怎么我打开page_header.lbi文件 里面的中文是乱码的~?~~?
ECShop下载                             ECShop4.0商业授权

TOP

本帖最后由 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;" />
复制代码

TOP

留名 记录位置
ECShop下载                             ECShop4.0商业授权

TOP

thanks  正用上了
ECShop下载                             ECShop4.0商业授权

TOP

ECShop下载                             ECShop4.0商业授权

TOP

继续做个记号~~

TOP

这个功能很人性化
ECShop下载                             ECShop4.0商业授权

TOP

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

TOP

请 高人出来 解决 360模板的类似 问题
和 搜索功能 和 搜索 框架的长度 ,css样式表和page-header.lbl貌似解决不了以上问题
ECShop下载                             ECShop4.0商业授权

TOP

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


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

TOP

返回列表