js实现投入密码框显示/隐藏功能

Java脚本语言实现投入密码框显示/隐藏的功能，供大家参考，具体内容如下

实现代码：

！DOCTYPE html html标题/标题样式类型=' text/CSS ' .密码{位置：相对；宽度： 280像素；高度： 60px} .密码，n-TxTCSs { display : flex；align-items:居中；} .密码fa{ position:绝对值；right : 10 xtop :15 px font-size : 20px；光标：指针；} .法眼斜杠{ margin-top : 6px；左边距左： 7px宽度： 24px高度： 20像素背景-image: url(./vivo _ img/登录/eye-password。巴布亚新几内亚)；背景-重复：不重复；背景尺寸size: 24px 17px}。fa-eye { margin-top : 6px；宽度： 24px左边距左20px右： 20px背景-image: url(./vivo _ img/登录/眼睛-密码-激活。巴布亚新几内亚)；背景-重复：不重复；背景尺寸size: 24px 17px}/style脚本类型=' text/JavaScript ' src=' http : js/jquery-1。12 .4 .量滴js '/脚本/头体DD class='密码'输入类型='密码'名称='占位符='设置密码：8-16位字母和数字maxlength=' 16 ' style=' outline ne : none；宽度： 240像素；我看了看-斜杠/I/ddscript类型=' text/JavaScript ' $(' .密码')。打开('点击','。法眼斜杠，function () { $(this).移除CLaSS(' fa-eye-斜杠')。addCLaSS(' fa-eye ')；$(这个)。prev().attr('type '，' text ')；});$('.密码')。打开('点击','。“fa-eye”，function () { $(this).removeClass('fa-eye ').addCLaSS(' fa-eye-斜杠');$(这个)。prev().attr('type '，' password ')；});/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。