JS实现了登录页面密码的显示和隐藏功能

在登录页面中，经常通过点击文本框中的小眼睛图片来隐藏和显示密码。其实实现原理很简单，通过点击事件来改变输入的类型。具体过程取决于代码：

在分享实现代码之前，让我们向您展示一下效果图：

ul class=' form-area ' Li div class=' item-content ' div class=' item-input ' input type=' text ' name=' account name ' autofocus required=' required ' placeholder=请输入用户名'/div/div/Li Li div class=' item-content ' div class=' item-input ' input type=' password ' name=' password ' id=' password ' required=' required ' placeholder='请输入密码'/div/div/Li lispan style=' position 3360 absolute；right: 20pxtop :-38px ' img id=' show text ' onclick=' hideshopsw()'/span/Li/ulscript type=' text/JavaScript '/获取输入框中的开关图片id和输入文本框的id var demo img=document . getelementbyid(' show text ')；var demo input=document . getelementbyid(' password ')；函数hideShowPsw(){ if(DeMoinput . type==' password '){ DeMoinput . type=' text '；demoImg.src='./Images/showpasswd . png '；} else { DeMoinput . type=' password '；demoImg.src='./Images/hidepasswd . png '；} }/脚本摘要

以上就是边肖介绍的实现登录页面密码显示和隐藏的JS，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！