您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery实现非叠加式的搜索框提示效果

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出,使用jquery在一个INPUT框中即可实现

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