不要在React中的Chrome浏览器中自动填充用户名和密码

bvn4nwqk  于 2023-09-28  发布在  Go
关注(0)|答案(1)|浏览(192)

我正在开发一个React应用程序,我遇到了Chrome的自动填充功能的问题。当我有用户名和密码的输入字段时,Chrome会自动填充这些信息,这给我的用户带来了可用性问题。出于安全和用户体验的原因,我想禁用此自动填充行为。
我已经尝试将autocomplete=“off”属性添加到输入字段中,但它似乎没有按预期工作。Chrome继续自动填充代码下面的字段enter image description here
what need to do to remove autofill autoComplete=off

mfuanj7w

mfuanj7w1#

我认为应该能够关闭它使用自动完成 prop 的输入,你可以尝试这样的东西,通过使角色等于演示文稿,连同自动完成 prop 你已经有了,也设置自动完成新密码的密码输入字段。

<form autocomplete="off">
  <input role="presentation" type="text" name="username" 
   autocomplete="off" />
  <!--OR-->
  <input role="presentation" type="text" name="email" autocomplete="off" 
   />

  <input role="presentation" type="password" name="password 
     autocomplete="new-password" />
</form>

相关问题