设为首页收藏本站
开启辅助访问

JavaScript实现密码框小眼睛按钮的显示与隐藏

 您所在的位置：网站首页 › 如何制作div的显示与隐藏文件夹一样的图片 › JavaScript实现密码框小眼睛按钮的显示与隐藏

JavaScript实现密码框小眼睛按钮的显示与隐藏

2024-07-13 20:43| 来源: 网络整理| 查看: 265

眼睛小按钮的实现需要借助fontawesome里面的小图标：http://fontawesome.dashgame.com/

在这里插入图片描述 引入font-awesome文件：

var eye = document.getElementById("eye"); var pwd = document.getElementById("pwd"); function showhide(){ if (pwd.type == "password") { pwd.type = "text"; eye.className='fa fa-eye-slash' }else { pwd.type = "password"; eye.className='fa fa-eye' } }

实现效果如下：

在这里插入图片描述

原文：https://blog.csdn.net/qq_42249896/article/details/87003539



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3