码迷,mamicode.com
首页 > 其他好文 > 详细

密码框失去焦点且为空时显示汉字“密码”、获取焦点时输入内容显示为密码“**********”的实现方法

时间:2015-02-27 11:42:38      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

想要达到的效果:

失去焦点时:

技术分享

选中输入时时:

技术分享

通过js动态改变input 的type的属性:

网上已经有相关资料了。这里做一下笔记。原文章地址:http://www.jb51.net/article/43140.htm

<input name=”password” type=”password” id=”password” class=”input” style=”display: none;” />

$(“#showPwd”).focus(function() {
var text_value = $(this).val();
if (text_value == this.defaultValue) {
$(“#showPwd”).hide();
$(“#password”).show().focus();
}
});
$(“#password”).blur(function() {
var text_value = $(this).val();
if (text_value == “”) {
$(“#showPwd”).show();
$(“#password”).hide();
}
});

密码框失去焦点且为空时显示汉字“密码”、获取焦点时输入内容显示为密码“**********”的实现方法

标签:

原文地址:http://www.cnblogs.com/goodwell21/p/4302823.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!