首页 >头条 > 正文

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

原创2019-11-29 09:54:4401134
第十期线上培训班
用户在登录或注册网站时,通常会有类似“小眼睛”的功能,可以显示或隐藏输入的密码,这样既避免密码输入错误又能提升安全性。以下是php中文网为各位网页精选的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.五个实用的密码强度检测样式推荐(附源码下载)

更多其它特效代码,请关注php中文网JS特效频道,一切资源免费!

php中文网最新课程二维码
  • 相关标签:密码显示/隐藏
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • [公益直播]Web前端开发极速入门[公益直播]Web前端开发极速入门
  • web前端开发之混合开发视频教程web前端开发之混合开发视频教程
  • Web项目开发流程大揭密Web项目开发流程大揭密
  • web前端布局知识及案例分享web前端布局知识及案例分享
  • 从零开始到WEB响应式布局从零开始到WEB响应式布局
  • 视频教程分类
    第十期线上培训班