`autocomplete="new-password"` tells password managers to OFFER a generated password instead of filling an existing one. `autocomplete="email"` and `inputmode="email"` give phones the right keyboard.
HTML
<form action="/register" method="post">
<label for="reg-email">Email</label>
<input
type="email"
id="reg-email"
name="email"
autocomplete="email"
inputmode="email"
autocapitalize="off"
autocorrect="off"
spellcheck="false"
required>
<label for="reg-username">Username</label>
<input
type="text"
id="reg-username"
name="username"
autocomplete="username"
pattern="[a-zA-Z0-9_]{3,30}"
minlength="3"
maxlength="30"
required>
<label for="reg-pass">Password</label>
<input
type="password"
id="reg-pass"
name="password"
autocomplete="new-password"
minlength="12"
required>
<label for="reg-pass2">Confirm password</label>
<input
type="password"
id="reg-pass2"
name="password_confirm"
autocomplete="new-password"
required>
<button type="submit">Create account</button>
</form>Save your own code snippets
Create a free account and build your private vault. Share publicly whenever you want.