定义输入的属性type=“text”和autocomplete=“off”足以为我关闭自动完成。

除了type=“password”之外，我尝试使用JavaScript钩住别人的建议中的onfocus/onfocuout事件来切换只读属性，效果很好，但当密码字段编辑开始为空时，自动完成密码再次出现。

我建议除了上述工作正常的解决方法之外，还可以使用JavaScript挂钩oninput事件来切换关于密码长度的类型属性。。

<input id="pwd1" type="text" autocomplete="off" oninput="sw(this)" readonly onfocus="a(this)" onfocusout="b(this)" />
<input id="pwd2" type="text" autocomplete="off" oninput="sw(this)" readonly onfocus="a(this)" onfocusout="b(this)" />

和JavaScript。。

function sw(e) {
    e.setAttribute('type', (e.value.length > 0) ? 'password' : 'text');
}
function a(e) {
    e.removeAttribute('readonly');
}
function b(e) {
    e.setAttribute('readonly', 'readonly');
}

为了解决这个问题，我使用了一些CSS技巧和以下工作。

input {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

请阅读本文了解更多详情。

我必须花了两天的时间来讨论这一问题，然后才能制定自己的解决方案：

首先，如果它适用于任务，则放弃输入并使用文本区域。据我所知，自动填充/自动完成在文本区域没有业务，就我们正在努力实现的目标而言，这是一个很好的开始。现在，您只需更改该元素的一些默认行为，使其充当输入。

接下来，您将希望将任何长条目保持在同一行上，如输入，并希望文本区域与光标一起沿y轴滚动。我们还想去掉调整大小框，因为我们正在尽力模拟输入的行为，而输入没有调整大小句柄。我们通过一些快速CSS实现了所有这些：

#您的文本区域{调整大小：无；overflow-y：隐藏；空白：nowrap；}

最后，您需要确保讨厌的滚动条不会出现，破坏聚会（对于那些特别长的条目），因此确保文本区域不会显示：

#您的文本区域：：-webkit滚动条{显示：无；}

轻松点。此解决方案没有自动完成问题。

Google Chrome忽略某些输入的autocomplete=“off”属性，包括密码输入和按名称检测的常见输入。

例如，如果您输入的是姓名地址，那么Chrome将根据其他网站上输入的地址提供自动填充建议，即使您告诉它不要这样做：

<input type="string" name="address" autocomplete="off">

如果您不希望Chrome这样做，那么可以重命名或命名表单字段的名称：

<input type="string" name="mysite_addr" autocomplete="off">

如果您不介意以前在站点上输入的自动完成值，那么可以保持启用自动完成。域名的名称间距应足以防止从其他站点记住的值出现。

<input type="string" name="mysite_addr" autocomplete="on">

非常简单的解决方案只需更改标签名称和字段名称，而不是更通用的名称，例如：名称、联系人、电子邮件。使用“邮件收件人”而不是“电子邮件”。浏览器忽略这些字段的自动完成。

大多数答案都没有帮助，因为浏览器只是忽略了它们。（其中一些不兼容跨浏览器）。对我有效的修复方法是：

<form autocomplete="off">
    <input type="text" autocomplete="new-password" />
    <input type="password" autocomplete="new-password" />
</form>

我在表单标签上设置autofill=“off”，在不需要自动填充的地方设置autofil=“new password”。