答案是通过JavaScript动态切换input的type属性实现密码显示与隐藏。使用type="password"初始隐藏，结合按钮触发togglePassword()函数，在password和text类型间切换，并可更新按钮文本提示状态，确保用户主动控制明文显示。
HTML中的密码框默认会隐藏输入内容，这是通过type="password"实现的。但有时需要让用户选择是否显示明文密码，比如登录页面的“显示密码”功能。下面介绍如何用HTML、CSS和JavaScript实现密码的隐藏与显示切换。
1. 基本HTML结构
使用input标签，初始类型设为password，并添加一个按钮用于切换显示状态：
2. 使用JavaScript切换类型
通过JavaScript修改input的type属性，在password和text之间切换：
3. 添加视觉反馈（可选）
可以加入眼睛图标或文字提示，提升用户体验。例如用CSS控制按钮样式，或根据状态改变按钮文字。
立即学习“前端免费学习笔记（深入）”；
增强版示例：
基本上就这些。核心就是动态切换type属性，不复杂但很实用。注意不要在生产环境中默认显示密码，切换功能应由用户主动触发。
