🤔

formで困った話

2023/01/24に公開

状況

HTMLでformを書いていたら、なぜか

[DOM] Password forms should have (optionally hidden) username fields for accessibility: (More info: https://www.chromium.org/developers/design-documents/create-amazing-password-forms)

というのが表示された。
https://web.dev/sign-in-form-best-practices/
このページを見ながら正しく作ったつもりが、どうも誤りがあるようだ。

解決した

よく見ると

<input type="username" autocomplete="username" name="username" id="username" required>

と書いていた。autocompleteに気をとられてtype="username"と書いてしまっていた。
type="text"にすると解決した。

<input type="text" autocomplete="username" name="username" id="username" required>

意外と気が付かないものだな、と思った。

Discussion