HTML / javaScript - Google Chrome中的autocomplete =“off”

Question

是否可以将表单中的自动填充功能关闭到Google Chrome？我试过这样做：

autocomplete="new-password"

但它不起作用。只更改输入的id和名称短语：“password”解决了这个问题，但是我的脚本非常大，并且在很多地方使用这个参数（id和name）所以我不能改变这个参数。

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

我可以使用javascript或CSS吗？也许有人有这个问题的其他解决方案？

谢谢。

Answer 1

你可以看看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>

更新;有人指出，谷歌Chrome有时会忽略上述解决方案，因此据我所知，javascript是最好的解决方案，如here所述：

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

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">