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

Question

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

谢谢！

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

- Alex

Answer 1

请勿将其设置为密码字段，而是将其设置为普通文本框。

如果需要动态切换字段类型，请参见 codingforums.com 上的 HOWOTO 以及几个 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

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

- Brad

Answer 2

如何使密码框中的值可见？也就是说，在输入密码时，它不会显示黑点，而是您实际输入的值。

你不能这样做。

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

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

参考：

- IE中输入元素的MSDN文章;提到即使从JS访问，element.value属性对于密码输入始终是星号。 - MDC：如何关闭表单自动完成

- Pekka

---

谢谢Pekka，那么你如何告诉浏览器保存那个“密码”字段中的值呢？ - Alex

@Andrei 浏览器通常会在遇到“登录/密码”字段组合时提供自动保存值的选项。你想强制自动保存吗？不确定是否可能...除非将其变成普通文本输入。 - Pekka

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

@Pekka，如果不将一个<input>的类型设置为“password”，你会如何保存用户名和密码的组合？ - Alex

@Andrei，好的，我会思考一下，如果我有想法，我会在那里发布的。 - Pekka

Answer 3

那么它被称为密码吗？它只是一个简单的文本框。

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

编辑： 你是否希望记住密码？

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

- svk