时间:2021-05-25
效果图:
代码如下:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="http://www.xipwang.cn/js/zepto.min.js"></script></head><body><div class="ui-password"> <input type="password" name="" class="passwords"> <button class="seepassword" >查看密码</button></div><script type="text/javascript"> $(function(){ (function(){ $.fn.showpassWord = function () { //查看密码 function Seepasswrod(elemnts) { this.elemnts = elemnts; this.init(); }; Seepasswrod.prototype = { init: function () { var m = this this.shouEvent(m); }, shouEvent: function (m) { m.elemnts.on("tap click", function () { var type = m.elemnts.parent().find(".passwords").attr("type"); if (type == "password") { m.elemnts.parent().find(".passwords").attr("type", "text"); } else if (type == "text") { m.elemnts.parent().find(".passwords").attr("type", "password"); } }); }, }; return this.each(function () { new Seepasswrod($(this)) }); }; })(Zepto); $(".seepassword").showpassWord(); }); </script></body></html>以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JavaScript实现input密码框显示/隐藏的功能,供大家参考,具体内容如下实现代码:.password{position:relative;width:
AndroidEditText密码的隐藏和显示功能实现效果图:实现代码:首先在xml里创建两个控件EditText和CheckBox然后就很简单了dt1=(Ed
效果展示: 密码隐藏: 密码显示:代码展示: 一:标签代码 二:中代码varapp=newVue({el:"#app",data:{users:[],t
vue+elementUi实现密码显示/隐藏+小图标变化(js一共三行代码,其中一行为了美观)...,先给大家展示下效果图,感觉不错可以参考实现代码。【效果图】
本文实例展示了Android实现动态显示或隐藏密码输入框内容的方法,分享给大家供大家参考之用。具体方法如下:该功能可通过设置EditText的setTransf