autocomplete="current-password" 不显示填写表单

Question

我在使用

autocomplete="current-password"

时遇到问题，其中表单未显示当前密码。密码保存在 Chrome 中。

input

包裹在

form

中。有人遇到

autocomplete="current-password"

不为他们工作的问题吗？

这是我对 React 的输入：

<input
  type={this.state.visible ? `text` : `password`}
  onChange={(e) => this.props.onChange('password', e.target.value)}
  autoComplete="current-password"
  placeholder="password"
 />

我没有看到任何关于此不起作用的参考或任何人提到此不起作用。

注意：

autoComplete

在React中必须以这种方式拼写，因为react不会将该属性识别为

autocomplete

，而是在

DOM

上呈现为

autocomplete

这是元素在

DOM

上的渲染方式：

<form class="sign-in">
  <div class="input-group">
    <label>Email</label>
    <input type="email" placeholder="[email protected]" autocomplete="username" name="email" value="">
  </div>
  <div class="input-group">
    <div class="password-top">
      <label>Password</label>
      <span class="password-toggle">show password</span>
    </div>
  <input type="password" autocomplete="current-password" placeholder="password">
  <span class="forgot-password">Forgot Password?</span>
  </div>
</form>

Answer 1

您生成的 HTML 至少缺少

name="password"

。

此外，目前 Chrome 不建议自动填写 localhost 的密码。我必须在 Chrome 设置中关闭并重新打开自动登录，因为我的 Chrome 不建议在任何网站上自动填充密码。希望有帮助。

我已经在一个干净的反应项目中测试了你的代码，只是将

name="password"

添加到密码输入中，并使用了我的机器的代理。似乎可以在 Chrome 中使用。