表单上的Firefox自动完成功能

Question

在我的组件LoginCard中，我有一个表单，具体取决于props.active或loginForm的值。

我在表单上设置了单独的键，将密码输入（这是引起问题的输入）上的自动完成设置为各种不同的值。

• registerForm
• autocomplete="off"
• autocomplete="new-password"
• autocomplete="none"
• autocomplete="false"

从登录选项卡切换到注册选项卡（更新autocomplete="something-else"以呈现新表单）时，密码输入将自动完成，而上面的输入将自动完成以作为建议的电子邮件。

Firefox似乎是唯一的浏览器。

我有一个CodeSandox可以在Firefox中进行测试。您将需要执行以下操作：

1. 转到CodeSandox链接
2. 在登录输入中输入电子邮件地址和密码
3. 点击登录
4. 然后Firefox将提示您保存密码，您必须执行此操作以复制我的问题
5. 您可能需要重新加载页面。现在，登录输入将自动完成（这是所需的行为，实际情况如此）
6. 现在，如果您导航至“注册”标签，则姓氏输入将填充电子邮件地址，密码输入将填充密码值

我的组件以供参考

props.active