JQUERY实现非叠加式的搜索框提示
以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出,这边采用JQUERY在一个INPUT框中实现这种效果,具体做法为:
下面是INPUT框代码:
<input class="search_text" type="text" value="搜索" name="searchText" />
下面是JQUERY代码:
//设置搜索的默认值 $(".search_text").focus(function(){ if($(".search_text").val()=='搜索'){ $(".search_text").val(""); }else{ $(".search_text").val($(".search_text").val()); } }); $(".search_text").blur(function(){ if($(".search_text").val()==''){ $(".search_text").val("搜索"); }else{ $(".search_text").val($(".search_text").val()); } });
格式神马的我就不调整了,毕竟不是编程中使用的IDE编辑器,有兴趣的话,可以看下哟!