Chrome计划支持这一点。

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

Chrome讨论

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

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

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

Google Chrome忽略某些输入的autocomplete=“off”属性，包括密码输入和按名称检测的常见输入。

例如，如果您输入的是姓名地址，那么Chrome将根据其他网站上输入的地址提供自动填充建议，即使您告诉它不要这样做：

<input type="string" name="address" autocomplete="off">

如果您不希望Chrome这样做，那么可以重命名或命名表单字段的名称：

<input type="string" name="mysite_addr" autocomplete="off">

如果您不介意以前在站点上输入的自动完成值，那么可以保持启用自动完成。域名的名称间距应足以防止从其他站点记住的值出现。

<input type="string" name="mysite_addr" autocomplete="on">

我必须花了两天的时间来讨论这一问题，然后才能制定自己的解决方案：

首先，如果它适用于任务，则放弃输入并使用文本区域。据我所知，自动填充/自动完成在文本区域没有业务，就我们正在努力实现的目标而言，这是一个很好的开始。现在，您只需更改该元素的一些默认行为，使其充当输入。

接下来，您将希望将任何长条目保持在同一行上，如输入，并希望文本区域与光标一起沿y轴滚动。我们还想去掉调整大小框，因为我们正在尽力模拟输入的行为，而输入没有调整大小句柄。我们通过一些快速CSS实现了所有这些：

#您的文本区域{调整大小：无；overflow-y：隐藏；空白：nowrap；}

最后，您需要确保讨厌的滚动条不会出现，破坏聚会（对于那些特别长的条目），因此确保文本区域不会显示：

#您的文本区域：：-webkit滚动条{显示：无；}

轻松点。此解决方案没有自动完成问题。

这就是：

函数turnOnPasswordStyle（）{$（'#inputpassword'）.attr（'type'，“password”）；}<input-onput=“turnOnPasswordStyle（）”id=“inputpassword”type=“text”>

对于React，您可以尝试将此代码放在表单下面或密码输入上面，或者放在电子邮件和密码输入之间

export const HackRemoveBrowsersAutofill = () => (
  <>
    <input type="email" autoComplete="new-password" style={ { display: 'none' } } />
    <input type="password" autoComplete="new-password" style={ { display: 'none' } } />
  </>
)

示例之一：

<input type="email"/>
<HackRemoveBrowsersAutofill/>
<input type="password"/>

这将解决此问题

autocomplete="new-password"