Google Chrome 版本 76.0.3809.100（官方版本）（64 位）自动完成行为

Question

为了用户体验，我想在所有浏览器中禁用 google chrome 的持久自动完成功能（我的 Chrome 版本是 76）。 我尝试了很多解决方案，包括：

1)。答案来自 Chrome ignores autocomplete="off"

2)。所有的答案来自 autocomplete ='off' is not working when the input type is password and make the input field above it to enable autocomplete

其中包括

1)。 Autocomplete="off", autocomplete="somerandomstring"

2)。在其上方创建另一个具有隐藏样式的假输入

3)。用不可见的 div 包裹它

看来这两个链接的答案是谷歌浏览器过时版本的解决方案，几乎可能早于 76 浏览器版本。

<input name="number" type="text" class="form-control search" placeholder="No. Invoice" >
//this input is getting filled with persistent google chrome autocomplete

预期输出：未填充自动完成

实际输出：填充

提前谢谢你！

Answer 1

我刚遇到同样的问题，原来的答案似乎都不起作用。

当我使用占位符文本时，我想出了一个解决方案，如果值为空白，则添加占位符文本作为值，以及更改颜色，然后使用 onfocus 事件删除值，如果它等于占位符并移除颜色。

这是一个例子：

<input type="text" class="form-control" id="search" placeholder="Search Users" value='Search Users' style="color: #6c757d;" onfocus="if (this.value == this.placeholder) {this.value=''; this.style.color=null;}">

你仍然需要注意的事情：

• 您需要将此添加到每个输入中。
• 您需要在验证时检查输入不等于占位符。

我发现还有另一种解决方案：

向空输入添加一个值，然后使用超时将其删除，这应该在自动完成运行后发生。

html:

<input type="text" class="form-control NoAutoComplete" id="search" placeholder="Search Users" value='Search Users'>

CSS：

.NoAutoComplete {
  color: #6c757d;
}

JS：

setTimeout(function () {
    $(".NoAutoComplete").val("");
    $(".NoAutoComplete").removeClass( "NoAutoComplete" );
}, 1000);

我对此并没有做太多研究，但您应该能够为所有不需要值的输入添加一个类，然后同时删除所有值和类。