html - 如何避免浏览器在我的注册表中预填充字段？

Question

autocomplete="off" 不是我想要的。基本上，在我的注册表格上，“电话”和“密码”字段被一个放在另一个上面。 (见截图)

令人恼火的是，“电话”字段预先填充了用户名，正如我猜想浏览器在做什么 - 浏览器找到一个密码类型的字段，并假定文本输入字段就在它是用户名字段之前。效果是这样的:

为什么我对电话字段的非标准自动完成属性不感兴趣，是因为我确实希望用户能够尽可能轻松地填写此表单，并且如果他们之前曾在其他网站上输入过他们的电话号码(进入称为“电话”的字段)，他们可以在开始输入该字段时从中受益。这就是为什么我不想完全关闭自动完成功能。

我更多地考虑以某种方式重组字段以避免这种行为。或者以某种方式告诉浏览器密码字段上方的字段与它无关，或者密码字段不用于身份验证目的。以某种方式将其标记为那个。或者在这两个字段之间注入(inject)一些不可见的元素？

有什么想法吗？

使用的标记:

<input id="phone" name="phone" type="text" value="" maxlength="30">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="20">

我在 Chrome、FF 上遇到了这种行为(不确定 IE，我的机器上有一个过时的版本，现在还不想开始担心 IE。)

Answer 1

大多数密码管理器会搜索第一个密码字段，以及它之前最接近的文本字段。

所以您所要做的就是在“新密码”上方添加不可见的文本和密码字段 (display:none)。

火狐 tries to interpret 3 password fields作为“更改密码”操作，因此如果您不希望这样做，您应该安全地添加另一个不可见的密码字段。