您好,欢迎来到尔游网。
搜索
您的当前位置:首页jquery实现非叠加式的搜索框提示效果_jquery

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

来源:尔游网


以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出,这边采用JQUERY在一个INPUT框中实现这种效果,具体做法为:

下面是INPUT框代码:
代码如下:


下面是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编辑器,有兴趣的话,可以看下哟!

Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务