设为首页收藏本站
开启辅助访问
JavaScript实现密码框小眼睛按钮的显示与隐藏 您所在的位置：网站首页 › 猎豹wifi隐藏与显示图标的操作过程视频讲解 › JavaScript实现密码框小眼睛按钮的显示与隐藏

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

2024-07-13 06:33| 来源: 网络整理| 查看: 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 实验室设备网 版权所有