Text inputs in HTML

Single-line text fields and the attributes that make them pleasant.

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

<label for="handle">Handle</label>
<input type="text" id="handle" name="handle" spellcheck="false"
       placeholder="ada" maxlength="20">

How it works

autocomplete lets the browser fill known values.
maxlength caps the length, required blocks an empty submit.
placeholder is a hint, never a substitute for a label.

The run, in numbers

Lines: 7
Characters to type: 255
Tokens: 62
Three-star pace: 65 tpm

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

Type this snippet

Step 1 of 5 in Fields & labels, step 4 of 25 in Forms & inputs.

← Previous Next →