在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小眼睛,就会显示密码。在一些手机里面也有一个“显示密码”的复选框,勾选之后输入的密码就变成明文了。这样的功能可以很好的防止输错密码,尤其是一些只需输入一次密码的注册。
这个功能虽然很好,但是在其他地方好像很少。如果你想在的网站上也有这样的功能,那么你可以试试 jquery.toggle-password,它是一个基于 jQuery 的插件,适用于众多系统下的浏览器,包括移动设备。
引入文件
1 2 | < script src = "js/jquery.min.js" ></ script > < script src = "js/jquery.toggle-password.min.js" ></ script > |
HTML
1 2 | < div >< label for = "password" >密码:</ label >< input type = "password" id = "password" ></ div > < div >< input type = "checkbox" id = "togglePassword" >< label for = "togglePassword" >显示密码</ label ></ div > |
JavaScript
1 2 3 4 5 | $( function (){ $( '#password' ).togglePassword({ el: '#togglePassword' }); }); |
参数
参数 | 类型 | 默认值 | 说明 |
el | 字符串 | 无 | 指定事件出发对象(必填) |
ev | 字符串 | click | 指定触发事件 |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com