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="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

生成的html至少缺少name =“ password”。

此外，当前chrome不建议为localhost自动填充密码（至少）。另外，由于Chrome无法在任何网站上建议自动填充密码，因此我必须在Chrome设置中打开然后重新打开自动登录功能。希望对您有所帮助。

我已经在一个干净的react项目中测试了您的代码，只是在密码输入中添加了name =“ password”，并使用了我的计算机的代理。它似乎可以在Chrome浏览器中工作。

React中的autocomplete =“ current-password”未显示填写表格

1 个答案: