React 中的 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 无法识别属性 as但会在asautocomplete上渲染DOMautocomplete

以下是元素在 上的渲染方式DOM：

<form class="sign-in">
  <div class="input-group">
    <label>Email</label>
    <input type="email" placeholder="achroma@gmail.com" 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

您生成的 HTMLname="password"至少缺少。

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

我已经在一个干净的反应项目中测试了您的代码，刚刚添加name="password"到密码输入中，并使用了我的机器的代理。它似乎可以在 Chrome 中运行。