我在2020年就做到了!

我基本上创建了一个css类，对我的输入应用-webkit-text-security。

这里有一个最近讨论的链接: https://stackoverflow.com/a/64471795/8754782

用JavaScript设置怎么样?

var e = document.getElementById('cardNumber');
e.autocomplete = 'off'; // Maybe should be false

这并不完美，但您的HTML将是有效的。

Autocomplete ="off"这应该解决所有现代浏览器的问题。

<form name="form1" id="form1" method="post" autocomplete="off"
   action="http://www.example.com/form.cgi">
  [...]
</form>

在当前版本的Gecko浏览器中，自动完成属性工作得很好。对于早期版本，即Netscape 6.2，它只适用于带有“地址”和“名称”的表单。

更新

在某些情况下，即使autocomplete属性被设置为关闭，浏览器也会继续建议自动补全值。这种出乎意料的行为可能会让开发人员感到困惑。真正强制no-autocompletion的技巧是为属性分配一个随机字符串，例如:

autocomplete="nope"

由于这个随机值不是有效值，浏览器将放弃。

Documetation

这个解决方案对我很管用:

$('form,input,select,textarea').attr("autocomplete", "nope");

如果你想在这个区域使用自动填充:在元素中添加autocomplete="false" 例:

<input id="search" name="search" type="text" placeholder="Name or Code" autcomplete="false">

HTML 4:否

HTML 5:是

自动完成属性是一个枚举属性。属性 有两种状态。关键字on对应on状态，off对应off状态 关键字映射到关闭状态。属性也可以省略。的 缺少值default是开启状态。关闭状态表示通过 默认情况下，表单中的表单控件将有它们的自动填充字段名 出发的:出发的;on状态表示默认情况下，表单控件在 表单将自动填充字段名称设置为“on”。

参考:W3

另一种方法——这也有助于安全性——是每次显示输入框时调用不同的东西:就像captha一样。这样，会话就可以读取一次性的输入，而自动完成就没有什么可做的了。

关于rmeador关于你是否应该干扰浏览器体验的问题，有一点:我们开发联系人管理和CRM系统，当你把别人的数据输入一个表单时，你不希望它不断提示你自己的详细信息。

这可以满足我们的需求，但是我们可以奢侈地告诉用户使用一个不错的浏览器:)

autocomplete='off'