防止浏览器文本输入建议 2021 chrome 版本 88.0.4324.190

Question

如何防止来自浏览器 cookie、autocomplete="off" 等的浏览器文本输入建议不起作用.. Chrome 版本：2021 chrome 版本 88.0.4324.190

readonly 用于自动填充其正常工作，但 autosuggestion 不是。

 <input type="email" class="form-control" id="email" name="email" placeholder="Enter Email" readonly onfocus="this.removeAttribute('readonly');" style="background-color: white;" autocomplete="off">   
<input type="password" class="form-control" id="Password" name="password" minlength="6" placeholder="Enter Password">

Answer 1

你想要的在这里

将 type="password" 更改为 type="text" 并在您的输入中使用 -webkit-text-security: disc !important;

<input type="text" class="form-control" id="Password" name="password" minlength="6" placeholder="Enter Password" style="-webkit-text-security: disc !important;">

Answer 2

在 Chrome 中唯一仍然有效的是创建与字段无关的随机名称。喜欢 autocomplete="new-password" 到密码字段名称。
似乎是错误的，但这是一种解决方法。

因此，对于您名为电子邮件的字段，请尝试输入autocomplete="new-email"。

即使在下面的 SO 中工作，autocomplete="off" 仍然有问题：
Disabling Chrome Autofill

还要注意autocomplete="no" 似乎可以工作，但autocomplete="off" 由于历史原因不会。 autocomplete="no" 你是在告诉浏览器这个字段应该作为一个名为"no" 的字段自动完成。如果您生成唯一的随机自动完成名称，则会禁用自动完成。

您需要记住，这是密码管理器的一项功能。
Mozilla 在这里正确说明了这一点：
Preventing autofilling with autocomplete="new-password"

以及为什么并非总是可以预防：
Browser compatibility

注意：在大多数现代浏览器中，将自动完成设置为“关闭”不会阻止密码管理器询问用户是否要保存用户名和密码信息，或者自动在站点的登录表单中填写这些值。 See the autocomplete attribute and login fields.

解决方案 #1：

如您所见，自动建议显示From this website。
作为解决方法，您需要将字段名从name="email" 更改为其他名称，例如name="user-email"。 并处理服务器逻辑内部的变化。

再次在您的服务器逻辑中，每次显示页面时生成一个随机名称，例如 UUID autocomplete="c821c4f0-7be8-11eb-9439-0242ac130002"

解决方案 #2：

将输入类型type="email" 替换为type="text"。

html：

<input type="text" class="form-control" id="user-email" name="user-email" placeholder="Enter Email" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" />

javascript:

window.onload = function () {
    init();
}

function init() {
    let x = document.getElementById("user-email");
    if (x) x.setAttribute("type", "email");
}

解决方案 #3：

在真实字段前添加隐藏字段：
HTML - Disable Password Manager

PS：别忘了把autocomplete="off"放在属于哪个字段的表单上