javascript – 以编程方式停用Chrome自动填充功能

互联网上有一些关于这方面的讨论(特别是关于堆栈溢出),但其中很多都是从2015年左右开始的,所以我想知道是否有人有近期的经验.

我们使用JavaScript小部件为Web表单上的预先键入搜索功能提供支持,但此UI始终与Chrome自动填充重叠.

虽然autocomplete =“off”曾经有效,但Chrome现在似乎忽略了这个值,并且无论如何都会显示用户界面.我唯一可以找到适用于OSX上的Chrome 66/67的是无效值,例如autocomplete =“blah”.这看起来似乎过于粗略,我们之前已经对此进行过实验,在某些情况下/ Chrome版本会被忽略.

有没有人喜欢使用HTML / Javascript关闭它的可靠方法？

作为旁注 – 看起来甚至Google也无法在需要时将其关闭,因为他们自己的谷歌地图预先输入小部件被Chrome自动填充覆盖.这可以在大多数Shopify商店看到.

解决方法

jquery.disable,自动填充

停用Chrome的自动填充功能.当您不希望浏览器自动填充用户名/密码输入时,便于使用CRUD表单.

Usage:

<form>
  <input type="input" name="username" autofill="off" autocomplete="off">
  <input type="password" name="password"  autofill="off" autocomplete="off">
</form>

<script src="jquery.disable-autofill.js"></script>
<script>
  $('input[autofill="off"]').disableAutofill();
</script>

https://github.com/biesbjerg/jquery.disable-autofill