html密码框的显示与隐藏,js实现密码框的点击眼睛的显示与隐藏

js实现密码框的点击眼睛的显示与隐藏

原创

杏sunshine2018-07-06 15:13:05著作权

文章分类

js

阅读数

4148

©著作权归作者所有：来自51CTO博客作者杏sunshine的原创作品，如需转载，请注明出处，否则将追究法律责任

https://blog.51cto.com/u_12885303/2137186

密码框的点击眼睛的显示与隐藏，图标引用是bootstrap中的fontawesome

(复制整个 font-awesome 文件夹到您的项目中)

还需要引入

密码框

var eye = document.getElementById("eye");

var password = document.getElementById("password");

//隐藏text block，显示password block

function hideShowPsw(){

if (password.type == "password") {

password.type = "text";

eye.className='fa fa-eye-slash'

}else {

password.type = "password";

eye.className='fa fa-eye'

}

}

赞

0收藏

评论