input密码隐藏显示

html文件

form name="forms" onsubmit="return checkreg()" action="homepage.html" method="post" class="login-cont">

 

     

  •  

  •    

  •  

  登 录

  忘记密码?

 

没有账号? 立即注册

 

css文件

.login-cont{ margin: 0 2rem; line-height: 4rem;}

.login-cont li{ border-bottom: 1px solid #ebebeb; height: 3rem; padding: 1rem; position: relative;}

.login-cont li input{ border: none; line-height: 4rem; width: 100%; outline: 0;}

.login-cont{ margin: 0 2rem; line-height: 4rem;}

#click{ position: absolute; right: 0; top: 50%; margin-top: 0.5rem; transform: translate(0,-50%)}

.button{background: #10a78e; color: #fff; border-radius:2rem; height: 4rem; line-height: 4rem; font-size: 1.6rem; margin-top: 4rem;}

script文件

你可能感兴趣的:(input密码隐藏显示)