首页 > 代码库 > 关于密码的显示和隐藏
关于密码的显示和隐藏
我们经常在开发中经常遇到密码是以密码的格式显示还是以文本的格式显示,在这给大家提供一个小思路,以后遇到了可以参考参考
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .pass{ width:200px; height: 20px; } </style> <script type="text/javascript" src="jquery1.12.3.js"></script> <script> /** * 普通js方法鼠标事件模拟密码显示隐藏 */ /* window.onload=function(){ var btn=document.getElementById("btn"); var pass=document.getElementById("pass") btn.onmousedown=function(){ pass.type="number" }; btn.onmouseup=btn.onmouseout=function(){ pass.type="password" } } */ /** * Jquery click事件实现密码显示隐藏 */ $(document).ready(function(){ $("#btn").click(function(){ //$("#w3s").attr("href") if($("#pass").attr("type")=="password"){ $("#pass").attr({type:"text"}); }else{ $("#pass").attr({type:"password"}); } }); }); /** * JQuery鼠标事件模拟密码显示隐藏 */ /* $(function(){ $("#btn").mousedown(function(){ $("#pass").attr({type:"text"}); }); $("#btn").mouseup(function(){ $("#pass").attr({type:"password"}); }); });*/ </script> </head> <body> <input type="password" name="" id="pass" value="123456" class="pass"/> <input type="button" name="" id="btn" value="点击显示" /> </body> </html>
关于密码的显示和隐藏
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。