输入框聚焦隐藏提示语

JavaScript：

function focus(){$(".input_txt").each(function(){var thisVal=$(this).val();//判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示if(thisVal!=""){$(this).siblings("label").hide();}else{$(this).siblings("label").show();}//聚焦型输入框验证$(this).focus(function(){$(this).siblings("label").hide();}).blur(function(){var val=$(this).val();if(val!=""){$(this).siblings("label").hide();}else{$(this).siblings("label").show();}});});
}

View Code

HTML：

<div class="loginFormIpt showUsername"><input class="loginFormTdIpt input_txt" title="请输入用户名" id="txt_Username" name="txt_Username" type="text"/><label for="txt_Username" class="placeholder">用户名</label>
</div>

转载于:https://www.cnblogs.com/zkthink/p/5332230.html

输入框聚焦隐藏提示语相关推荐

php输入框里的提示文字,input标签输入框带提示文字方法
本文主要介绍了input 标签实现输入框带提示文字效果(两种方法),需要的朋友可以参考下,希望能帮助到大家. 方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个 ...
php输入框里的提示文字,input 标签实现输入框带提示文字效果(两种方法)
方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登 ...
h5输入框提示语正常文本框提示语
<input id="username" name="username" type="text" placeholder=" ...
java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件
[Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...
php实现下单成功提示语,推荐10款提示语源码（收藏）汇总
下面小编就为大家带来一篇h5输入框提示语 + 正常文本框提示语的实现方法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧XML/HTML Code复制内容到剪贴板plac ...
uniapp 默认的 ‘再按一次退出应用’ 提示语修改方法
先创建一个JS文件,然后引入到你的项目里面,登录页面需要单独引用,APP内的页面,只需要引用到首页就可以用了,JS代码如下: let main = plus.android.runtimeMainAc ...
java密码框提示_[Java教程]如何实现在密码框如出现提示语
[Java教程]如何实现在密码框如出现提示语 0 2015-12-25 13:00:14 如何实现在密码框如出现提示语: 有时候我们需要在登陆表单有一些提示语言,比如"请输入用户民" ...
selenium定位H5表单验证的提示语
selenium定位H5表单验证的提示语前端代码,1.html <!DOCTYPE html> <html lang="en"> <head> ...
jquery鼠标移入文字提示_Jquery hover鼠标经过时弹出div动态提示语
一.效果图二.需求描述 1.鼠标经过table每一行时,弹出div动态提示语: 2.div弹出层的位置随鼠标位置的变化而变化: 3.鼠标离开table或获取的动态提示语为空时,div弹出层消失. 下 ...

输入框聚焦隐藏提示语

输入框聚焦隐藏提示语相关推荐

最新文章

热门文章