最佳解决方案：

防止自动完成用户名（或电子邮件）和密码：

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

阻止自动完成字段：

<input type="text" name="field" autocomplete="nope">

说明：autocomplete在＜input＞中继续工作，autocomplete=“off”不工作，但您可以将off更改为随机字符串，如nope。

工作地点：

铬：49、50、51、52、53、54、55、56、57、58、59、60、61、62、63和64Firefox：44、45、46、47、48、49、50、51、52、53、54、55、56、57和58

这对我来说就像一种魅力。

将表单的自动完成属性设置为关闭添加虚拟输入字段，并将其属性设置为禁用。

<form autocomplete=“off”><input-type=“text”autocomplete=“off”style=“display:none”></form>

您可以在输入中使用它。

例如

<input type=text name="test" autocomplete="off" />

除了设置autocomplete=off之外，您还可以通过生成页面的代码随机化表单字段名称，或者在名称末尾添加一些特定于会话的字符串。

提交表单后，您可以在服务器端处理表单之前剥离该部分。这将阻止web浏览器查找字段的上下文，也可能有助于防止XSRF攻击，因为攻击者无法猜测表单提交的字段名称。

为字段使用非标准的名称和id，因此“name”不是“name_”。浏览器将不会将其视为名称字段。

最好的一点是，您可以对某些但不是所有字段执行此操作，并且它将自动完成某些但不是全部字段。

我通过添加两个假输入并赋予它们绝对位置来阻止Chrome 66自动填充：

<form style="position: relative">
  <div style="position: absolute; top: -999px; left: -999px;">
    <input name="username" type="text" />
    <input name="password" type="password" />
  </div>
  <input name="username" type="text" />
  <input name="password" type="password" />

起初，我尝试添加display:none；但Chrome忽略了这些输入，并自动填充可见的输入。