HTML/javaScript - Google Chrome 中的 autocomplete="off"

Question

是否可以在 Google Chrome 中关闭自动填写表单？ 我试过这样做：

autocomplete="new-password"

但它不起作用。只需将输入的 id 和名称更改为短语：“password”即可解决此问题，但我的脚本非常大，并且在很多地方都使用了此参数（id 和名称），因此我无法更改此参数。

我知道，有很多关于这个问题的帖子，但我检查了我在这里找到的所有内容并进入谷歌，但没有任何帮助。

我可以使用 javascript 或 CSS 来实现吗？也许有人对此问题有其他解决方案？

谢谢。

Answer 1

问题在于 Chrome 认为他们比您更了解自动完成功能应如何在您的网站中发挥作用。

所有主要浏览器都决定忽略 autocomplete=off STANDARD（是的，它是一个标准）。我有一个建议 - 允许网站禁用自动完成用户授予网站的权限，就像访问用户的位置一样。请转到 Chromium 板

https://bugs.chromium.org/p/chromium/issues/detail?id=914451

并对此发表评论。浏览器制造商并没有改变他们忽略标准的决定，但是当特定网站上的这种行为对用户体验完全有害时，开发人员和用户需要离开这条路。

Answer 2

要关闭表单中的自动完成功能，只需执行以下操作：autocomplete="off"、see here。

<form action="/MyAction" method="get" autocomplete="off">
  First name:<input type="text" name="fname"><br>
  <input type="submit">
</form>

要关闭输入的自动完成功能：

<input autocomplete="off">

Answer 3

你可以看看here：

只需将自动完成属性设为“关闭”即可。

自动完成=“关闭”

您可以对整个表单执行此操作，也可以对表单中的特定输入元素执行此操作：

<form method="post" action="/form" autocomplete="off">
[…]
</form>

<form method="post" action="/form">
  […]
  <div>
    <label for="cc">Credit card:</label>
    <input type="text" id="cc" name="cc" autocomplete="off">
  </div>
</form>

更新； 值得注意的是，有时谷歌浏览器会忽略上述解决方案，因此据我所知，javascript 是here 所述的最佳解决方案：

(function() {
    var some_id = document.getElementById('some_id');
    some_id.type = 'text';
    some_id.removeAttribute('autocomplete');
})();