对于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"/>

有很多答案，但大多数都是破解或某种变通方法。

这里有三个案例。

案例一：如果这是你的标准登录表单。无论如何关闭它都可能是不好的。如果你真的需要这样做，请仔细考虑。用户习惯于浏览器记住和存储密码。在大多数情况下，你不应该改变这种标准行为。

如果你仍然想这样做，请参阅案例三

案例二：如果这不是您的常规登录表单，但输入的名称或id属性不是“像”电子邮件、登录名、用户名、用户名和密码。

Use

<input type="text" name="yoda" autocomplete="off">

案例三：如果这不是您的常规登录表单，但输入的名称或id属性是“类似”电子邮件、登录名、用户名、用户名和密码。

例如：登录，abc_login，密码，some_password，password_field。

所有浏览器都带有密码管理功能，可以记住密码或建议使用更强的密码。他们就是这样做的。

然而，假设你是一个网站的管理员，可以创建用户并设置他们的密码。在这种情况下，您不希望浏览器提供这些功能。

在这种情况下，autocomplete=“off”将不起作用。使用autocomplete=“新密码”

<input type="text" name="yoda" autocomplete="new-password">

有用链接：

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

如果您的问题是自动填写密码字段，那么您可能会发现这很有用。。。

我们在网站的几个领域遇到了这个问题，在这些领域中，业务部门希望重新查询用户的用户名和密码，特别是出于合同原因，不希望自动填充密码。我们发现，最简单的方法是输入一个假密码字段，以便浏览器查找和填充，而真实密码字段保持不变。

<!-- This is a fake password input to defeat the browser's autofill behavior -->
<input type="password" id="txtPassword" style="display:none;" />
<!-- This is the real password input -->
<input type="password" id="txtThisIsTheRealPassword" />

请注意，在Firefox和IE中，将任何类型的密码输入放在实际输入之前就足够了，但Chrome识破了这一点，并迫使我实际命名假密码输入（通过给它一个明显的密码id），以使其“咬”。我使用了一个类来实现样式，而不是使用嵌入样式，所以如果由于某种原因，上面的方法不起作用，请尝试这样做。

三个选项：

第一：

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

第二：

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

第三个（JavaScript代码）：

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

我使用此TextMode=“password”autocomplete=“new password”，并在aspx txtPassword.Attributes.Add（“value”，“”）中加载页面；

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

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