我在2020年就做到了!

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

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

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

下面是一篇来自MDC的好文章，它解释了形成自动补全的问题(和解决方案)。 微软在这里也发布了类似的东西。

老实说，如果这对你的用户很重要，用这种方式“打破”标准似乎是合适的。例如，亚马逊使用“自动完成”属性相当多，它似乎工作得很好。

如果您想完全删除警告，可以使用JavaScript使用someForm将该属性应用到支持它的浏览器(IE和Firefox是重要的浏览器)。setAttribute("autocomplete"， "off");someFormElm。setAttribute("autocomplete"， "off");

最后，如果你的网站使用的是HTTPS, IE会自动关闭自动完成功能(据我所知，其他一些浏览器也是这样做的)。

更新

由于这个答案仍然得到了相当多的赞，我只是想指出，在HTML5中，你可以在你的表单元素上使用“autocomplete”属性。请参阅W3C上的文档。

有效的自动补全

<script type="text/javascript">
    /* <![CDATA[ */
    document.write('<input type="text" id="cardNumber" name="cardNumber" autocom'+'plete="off"/>');
    /* ]]> */ 
</script>

我认为有一个更简单的方法。 用一个随机的名字(通过javascript)创建一个隐藏的输入，并设置用户名。重复输入密码。这样，您的后端脚本就可以确切地知道适当的字段名称是什么，同时保持自动补全在黑暗中。

我可能错了，但这只是个想法。

不，在Mozila Wiki上有一篇好文章。

我将继续使用无效属性。我认为这就是实用主义应该战胜认可的地方。