在线客服,智能在线客服,在线客服系统,客服机器人,智能客服,智能机器人客服,电商客服系统,智慧客服,免费电话,微信在线客服,网站在线客服软件,网络营销电话,手机在线客服,微客服,快商通

咨询热线:400-027-0592 

输入文本框默认值显隐

分类:快商学院 时间:2012-09-22 作者:


QQ空间 新浪微博 腾讯微博 更多

标题不知道要怎么描述才好,直接上代码。就是输入文本框获取焦点,默认值消失,然后填关键词,如果没有填写,失去焦点,出现默认值,如果是默认值不提交表单。参考google自定义搜索,你看我页面源码就发现了,我改成jquery的。

$(function(){
 var searchbox = $(".search");
 var searchtxt = $("#keyword");
 var searchbtn = $('#sbtn');
 var tiptext = searchtxt.val();
 if(searchtxt.val() == "" || searchtxt.val() == tiptext) {
  searchtxt.val(tiptext);
 }
 searchtxt.focus(function(e) {
  if(searchtxt.val() == tiptext) {
   searchtxt.val('');
  }
 });
 searchtxt.blur(function(e) {
  if(searchtxt.val() == "") {
   searchtxt.val(tiptext);
  }
 });
 searchbtn.click(function(e) {
  if(searchtxt.val() == "" || searchtxt.val() == tiptext) {
   return false;
  }
 });
});


<form method="post" action="<?php echo site_url('products/search');?>">
   <table border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><input type="text" name="q" id="keyword" value="<?php echo lang('search.input.tip');?>" /></td>
       <td><input type="image" id="sbtn" src="<?php echo base_url();?>images/go01.jpg" style="width:35px; height:18px;" /></a></td>
     </tr>
   </table>
   </form>

返回列表>>

上一篇:怎么在分类信息平台上实现推广和盈利?

下一篇:doctrine无限级分类


相关新闻

快商通教你如何让软文跑起来

浅谈互联网时代该如何选择在线客服软件

一体化在线客服系统对于企业有何作用?

App推广渠道的正确打开方式

顶尖初创企业营销的三大策略

客服一对一服务
30万成功案例
CCTV央视特别报道
国家高新技术企业
全国统一咨询热线:400-027-0592