Helping the browser fill it in in HTML

The autocomplete tokens are a fixed vocabulary, and using the right one saves the user typing.

<label for="name">Full name</label>
<input type="text" id="name" name="name" autocomplete="name">

<label for="email">Email</label>
<input type="email" id="email" name="email" autocomplete="email">

<label for="line1">Address</label>
<input type="text" id="line1" name="line1" autocomplete="address-line1">

<label for="pass">New password</label>
<input type="password" id="pass" name="pass"
       autocomplete="new-password">

How it works

1. autocomplete names what the field is for, not what to suggest.
2. A single-line address takes address-line1, not street-address.
3. new-password tells a password manager to offer to generate one.

The run, in numbers

Lines

12

Characters to type

420

Tokens

104

Three-star pace

65 tpm

At the three-star pace of 65 tokens a minute, this run takes about 96 seconds.

Type this snippet

Step 3 of 5 in Fields & labels, step 6 of 25 in Forms & inputs.

← Previous Next →