ログインフォームでChrome Dev Toolからエラーが出ていた。

原因は autocomplete 属性が付いていないことだった。

Chrome では autocomplete 属性がないとエラーが出るようだ。

  1. Add an autocomplete attribute with a value of username for usernames.
  2. Add an autocomplete attribute with a value of current-password for the password field on a sign-in form.
  3. Add an autocomplete attribute with a value of new-password for the password field on sign-up and change-password forms.

ref. Password Form Styles that Chromium Understands

form 例

<form id="login" action="/login" method="post">
  <label for="username">Username</label>
  <input
    id="username"
    type="text"
    name="username"
    autocomplete="username"
    required
  >
  <label for="password">Password</label>
  <input
    id="password"
    type="password"
    name="password"
    autocomplete="current-password"
    required
  >

  <button type="submit">Sign In</button>
</form>