用户在登录或注册网站时,通常会有类似“小眼睛”的功能,可以显示或隐藏输入的密码,这样既避免密码输入错误又能提升安全性。以下是爱上源码网为各位网页精选的5款好用的密码显示/隐藏效果插件,大家在开发密码显示/隐藏效果的时候可以进行参考,并下载代码。
1、Bootstrap实现用户输入密码显示隐藏代码
Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,这是用Bootstrap实现的用户输入密码显示隐藏效果,只要用鼠标点击“小眼睛”图标即可隐藏或显示密码。
链接:https://www.23ym.cn/xiazai/js/2580
2、隐藏显示密码的jQuery插件
![](http://freedede.oss-cn-hangzhou.aliyuncs.com/2020/10/IJnYre.png?x-oss-process=style/syzhong)
jQuery是一个快速、简洁的JavaScript框架,这是用jQuery实现隐藏显示密码效果的插件,点击“小眼睛”图标或勾选“ Show password”即可显示或隐藏密码。
链接:https://www.23ym.cn/xiazai/js/5245
3、密码显示隐藏插件jquery.toggle-password
![](http://freedede.oss-cn-hangzhou.aliyuncs.com/2020/10/ZjaMZv.png?x-oss-process=style/syzhong)
这是一款用jquery实现密码隐藏显示效果的插件,用户勾选/取消“显示密码”即可显示或隐藏密码,并且还有“记住密码”以及“忘记密码”的样式效果。
链接:https://www.23ym.cn/xiazai/js/5244
4、输入框密码显示隐藏
![](http://freedede.oss-cn-hangzhou.aliyuncs.com/2020/10/6RZvme.png?x-oss-process=style/syzhong)
这是一款非常简洁、实用的密码显示/隐藏插件,点击“小眼睛”图标即可显示或隐藏输入的密码。
链接:https://www.23ym.cn/xiazai/js/5240
5、显示当前正在输入密码后自动隐藏
这是一款能够显示当前正在输入密码后自动隐藏效果的jquery插件。当用户正在输入密码时,会实时显示出密码,而在结束密码输入后会自动隐藏密码,如果想要显示出完整密码,点击“显示密码”即可。
链接:https://www.23ym.cn/xiazai/js/5235
相关推荐:
1.值得收藏的10个网页搜索框样式(附代码下载)
2.10个强大的WEB搜索框交互功能样式推荐(附源码下载)
3.10款实用的星级评分组件推荐(附源码下载)
4.五个实用的密码强度检测样式推荐(附源码下载)
更多其它特效代码,请关注爱上源码网JS特效频道,一切资源免费!
微信
分享
相关标签:密码显示/隐藏
本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
- 上一篇:五个实用的密码强度检测样式推荐(附源码下载)
- 下一篇:PHP 7.4.0刚刚发布!一起看看有哪些新特性
相关文章
相关视频
- 2019国庆节:16个优秀PHP视频教程学习推荐【...
- 10个强大的WEB搜索框交互功能样式推荐(附源码下...
- 10款实用的星级评分组件推荐(附源码下载)
- 五个实用的密码强度检测样式推荐(附源码下载)
- 5款强大的密码显示/隐藏效果推荐(附源码下载)
- WEB开发架构
- (灭绝师太)极速玩转web前端布局
- WEB前端布局注意事项(SEO)
- Nodejs web服务
本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn!
本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~ |