您的位置 首页 技术

5款强大的密码显示/隐藏效果推荐(附源码下载)

用户在登录或注册网站时,通常会有类似“小眼睛”的功能,可以显示或隐藏输入的密码,这样既避免密码输入错误又能提升安全性。以下是24课堂在线网为各位网页精选的5款好用的密码显示/隐藏效…

用户在登录或注册网站时,通常会有类似“小眼睛”的功能,可以显示或隐藏输入的密码,这样既避免密码输入错误又能提升安全性。以下是24课堂在线网为各位网页精选的5款好用的密码显示/隐藏效果插件,大家在开发密码显示/隐藏效果的时候可以进行参考,并下载代码。

1、Bootstrap实现用户输入密码显示隐藏代码

88538b029e442d3ba63c8d13d6a25aa.pngBootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,这是用Bootstrap实现的用户输入密码显示隐藏效果,只要用鼠标点击“小眼睛”图标即可隐藏或显示密码。

链接:https://www.php.cn/xiazai/js/2580

2、隐藏显示密码的jQuery插件

3f7d994d15e09a83309794e21ccf53e.png

jQuery是一个快速、简洁的JavaScript框架,这是用jQuery实现隐藏显示密码效果的插件,点击“小眼睛”图标或勾选“ Show password”即可显示或隐藏密码。

链接:https://www.php.cn/xiazai/js/5245

3、密码显示隐藏插件jquery.toggle-password

66f090e69c9b49bf9d60bd1d9890438.png

这是一款用jquery实现密码隐藏显示效果的插件,用户勾选/取消“显示密码”即可显示或隐藏密码,并且还有“记住密码”以及“忘记密码”的样式效果。

链接:https://www.php.cn/xiazai/js/5244

4、输入框密码显示隐藏

5f3d11f5a1faa6cadd12c5ce35b5f9f.png

这是一款非常简洁、实用的密码显示/隐藏插件,点击“小眼睛”图标即可显示或隐藏输入的密码。

链接:https://www.php.cn/xiazai/js/5240

5、显示当前正在输入密码后自动隐藏

f01f3c18092f5f1803b76b8e5d2faa3.png

这是一款能够显示当前正在输入密码后自动隐藏效果的jquery插件。当用户正在输入密码时,会实时显示出密码,而在结束密码输入后会自动隐藏密码,如果想要显示出完整密码,点击“显示密码”即可。

链接:https://www.php.cn/xiazai/js/5235

相关推荐:

1.值得收藏的10个网页搜索框样式(附代码下载)

2.10个强大的WEB搜索框交互功能样式推荐(附源码下载)

3.10款实用的星级评分组件推荐(附源码下载)

4.五个实用的密码强度检测样式推荐(附源码下载)

更多其它特效代码,请关注24课堂在线网JS特效频道,一切资源免费!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/11281.html

为您推荐

返回顶部