2024-11-19 Chrome Password form autocomplete attribute
ログインフォームでChrome Dev Toolからエラーが出ていた。
原因は autocomplete
属性が付いていないことだった。
Chrome では autocomplete
属性がないとエラーが出るようだ。
- Add an
autocomplete
attribute with a value ofusername
for usernames.- Add an
autocomplete
attribute with a value ofcurrent-password
for the password field on a sign-in form.- Add an
autocomplete
attribute with a value ofnew-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>