点击密码的显示和隐藏

kiki_Aurora

于 2017-09-22 15:09:34 发布

阅读量1.9k

点赞数

分类专栏：练习

本文链接：https://blog.youkuaiyun.com/qq_39108050/article/details/78063109

版权

本文探讨了在网页中如何实现点击按钮切换密码输入框的显示和隐藏状态，包括使用HTML的type属性切换以及JavaScript的交互逻辑实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<figure>  
<div class="login">  
<input class="login-field login-field-username" type="text" placeholder="Username" autocapitalize="off" autocomplete="off" autocorrect="off">  
<input class="login-field login-field-password" id="password-1" type="password" placeholder="Password">  
</div>  
<figcaption>Inner toggle styled as icon.</figcaption>  
</figure>  
<figure>