Chrome计划支持这一点。

目前，最好的建议是使用很少自动完成的输入类型。

Chrome讨论

<input type='search' name="whatever" />

要与Firefox兼容，请使用normalautocomplete='off'

<input type='search' name="whatever" autocomplete='off' />

三个选项：

第一：

<input type='text' autocomplete='off' />

第二：

<form action='' autocomplete='off'>

第三个（JavaScript代码）：

$('input').attr('autocomplete', 'off');

我尝试了几乎所有的答案，但新版本的Chrome很聪明；如果你写

autocomplete="randomstring" or autocomplete="rutjfkde"

它会自动将其转换为

autocomplete="off"

当输入控件接收到焦点时。

所以，我使用jQuery完成了这项工作，我的解决方案如下。

$("input[type=text], input[type=number], input[type=email], input[type=password]").focus(function (e) {
    $(this).attr("autocomplete", "new-password");
})

这是最简单的，对于表单上的任何数量的控件都可以做到。

很确定这是目前最通用的解决方案

这将停止自动完成和弹出的建议框。

简介

让我们面对现实，自动完成=关闭或新密码似乎不起作用。这是应该做的，但却没有，每周我们都会发现其他事情发生了变化，浏览器会用我们不想要的更多随机垃圾填写表单。我发现了一个非常简单的解决方案，它不需要在登录页面上自动完成。

如何实施

步骤1）。将相同的函数调用添加到用户名和密码字段的onmousedown和onkeyup属性，确保为它们提供一个id，并在函数调用结束时记录代码。md=mousedown和ku=keyup

对于用户名字段，仅添加值；因为这防止了表单在进入页面时自动填充。

例如：

<input type=“text”value=“&nbsp；”id=“myusername”onmousedown=“protectMe（this，'md'）”onkeyup=“protectMe（this，'ku'）”/>

步骤2）。在页面上包含此功能

功能保护Me（el，action）{//删除启动时注入的空白var v=el.value.trim（）；//如果我们正在键入内容，请忽略此重置过程//并且只在最后一次删除时确认按键//我们这样做会导致表单值为空如果（action=='ku'&&v！=''）｛return；｝//修复了将outerHTML写回自身所导致的双引号问题（在表单输入中）v=v.replace（/“/g，'\\”'）；//通过重新编写表单，重置单击表单进入焦点时出现的弹出窗口el.outerHTML=el.outrHTML；//发出指令重新调整焦点，插入重置之前存在的值，然后选择内容。setTimeout（“var d=document.getElementById（'“+el.id+”'）；d.value=\“”+v+“\”；d.focus（）；if（d.value.length>1）｛d.select（）；｝”，100）；}

它做什么？

首先，它添加了；字段的空格，以便浏览器尝试查找与此相关的详细信息，但未找到任何内容，因此自动完成固定其次，当您单击时，将再次创建HTML，取消弹出窗口，然后重新选择值。最后，当您使用delete按钮删除字符串时，弹出窗口通常会再次出现，但如果我们达到该点，则keyup检查会重复该过程。

问题是什么？

点击选择一个字符是一个问题，但对于登录页面，大多数人会原谅它选择了所有文本Javascript确实会删除任何空格的输入，但为了安全起见，您可能也希望在服务器端这样做

能更好吗？

可能是的。这只是我测试过的东西，它满足了我的基本需求，但可能还有更多的技巧需要添加，或者有更好的方法来应用所有这些。

已测试的浏览器

截至本发布日期，已在最新的Chrome、Firefox和Edge上测试和工作

固定的只需在实际输入字段上方添加

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion-MDNhttps://medium.com/paul-jaworski/turning-off-autocomplete-in-chrome-ee3ff8ef0908-中等在EDGE、Chrome（最新版本63）、Firefox Quantum（57.0.4 64-бит）、Firefox（52.2.0）上测试假字段是chrome/opera自动填充错误字段的一种解决方法

 const fakeInputStyle = {opacity: 0, float: 'left', border: 'none', height: '0', width: '0'}

 <input type="password" name='fake-password' autoComplete='new-password' tabIndex='-1' style={fakeInputSyle} />

<TextField
  name='userName'
  autoComplete='nope'
  ... 
/>

<TextField
      name='password'
      autoComplete='new-password'
      ... 
    />

大多数答案都没有帮助，因为浏览器只是忽略了它们。（其中一些不兼容跨浏览器）。对我有效的修复方法是：

<form autocomplete="off">
    <input type="text" autocomplete="new-password" />
    <input type="password" autocomplete="new-password" />
</form>

我在表单标签上设置autofill=“off”，在不需要自动填充的地方设置autofil=“new password”。