← Hub · Open the note

Auth forms: autocomplete tokens — BEFORE/AFTER demo

Autocomplete reduces re-typing and mistakes, and helps users who rely on password managers and platform autofill.

What to look for
BEFOREFights autofill + forces re-typing

Typical issues: autocomplete="off" on auth, and multi-field OTP inputs.

(Autocomplete disabled, so password managers often can’t help.)

Multi-field codes are harder to paste, harder to correct, and often break autocomplete="one-time-code".

AFTERCooperates with password managers

This is “boring HTML” on purpose: labels + names + the right autocomplete tokens.

Single-field OTP is easier to paste and works better with platform “SMS code” suggestion UIs.

Show minimal markup
<input name="username" autocomplete="username">
<input name="current-password" type="password" autocomplete="current-password">
<input name="new-password" type="password" autocomplete="new-password">
<input name="otp" inputmode="numeric" autocomplete="one-time-code">
Checklist + context

See: Auth forms autocomplete note.