HTML/CSS：如何使“密码”输入显示密码？

Posted 2023-02-24

【中文标题】HTML/CSS：如何使“密码”输入显示密码？

【英文标题】：HTML/CSS: How to make "password" input show the password?

【发布时间】：2011-04-29 14:13:24

【问题描述】：

如何使密码字段中的值可见？因此，在字段中输入密码时，它不会显示黑点，而是显示您输入的实际值。

谢谢！

编辑：好的，那么更好的问题可能是：如何强制浏览器记住此“密码”字段中的值并将其视为密码？

【参考方案1】：

不要将其设为密码字段，将其设为普通文本框。

如果需要动态切换字段类型，有HOWOTO over on codingforums.com，还有几个SO问题：

javascript IE6/7/8 change input type Changing the <input> type in IE with JavaScript Javascript change input type dynamically doesnt work on IE8 change type of input field with jQuery

为确保浏览器保持正常行为（保存/不保存密码），您可以在提交时将其转换回密码字段。

【参考方案2】：

如何使密码字段中的值可见？因此，在字段中输入密码时，它不会显示黑点，而是显示您输入的实际值。

你不能。

但是，您可以使用普通文本输入让用户输入密码。

不过，我不建议这样做 - 例如，浏览器可能会自动保存您在其中输入的任何内容。在任何情况下，autocomplete="off" 都是必需的。

参考：

MSDN article 在 IE 中的输入元素上；提到element.value 属性始终是密码输入的星号，即使从 JS 访问它也是如此

MDC：How to Turn Off Form Autocompletion

【讨论】：

谢谢 Pekka，您如何才能告诉浏览器将值保存在“密码”字段中？

@Andrei 浏览器通常会在遇到“登录名/密码”字段组合时提供自动保存值。您要强制自动保存吗？不确定这是否可能......除了使其成为普通的文本输入

如果您不添加autocomplete='off' 位，浏览器将尝试保存它

@Pekka，您如何保存用户名和密码的组合，而不将一个 的类型指定为“密码”？

@Andrei 好的，我会考虑的，如果我有想法，我会在那里发布

【参考方案3】：

那它叫密码吗？只是简单的文本框。

<input type="text" name="password" id="password" />

编辑： 是否要记住我的密码？

因此，如果您想将密码保留在客户端，请将其放入 cookie 中，如果 cookie 已设置，则将密码字段替换为 cookie 值。