Form Labels Explained: Help People Enter the Right Information
Does every form field clearly say what belongs there? Useful labels make a form easier to understand and complete.
1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.
Prefer YouTube? Watch this video on our YouTube channel (opens in a new tab).
The six points in the video
This is a silent video. The headings, explanations and labels below reproduce the information on screen.
-
Step 1: Describe the information needed
Use a short visible label such as Email address.
On-screen labels: Visible label; Specific information; Plain wording.
-
Step 2: Connect label and control
The code should associate the label with the correct field.
On-screen labels: Label element; Matching control; Programmatic association.
-
Step 3: Do not rely on placeholder text
A hint inside the field can disappear when typing starts.
On-screen labels: Persistent label; Optional hint; Clear context.
-
Step 4: Explain unusual formats
Put helpful instructions near the field that needs them.
On-screen labels: Expected format; Useful example; Relevant instruction.
-
Step 5: Identify required information
Make required and optional fields understandable.
On-screen labels: Required fields; Optional fields; Clear explanation.
-
Step 6: Test the complete form
Review labels with keyboard use and suitable assistive technology.
On-screen labels: Keyboard journey; Label announced correctly; Useful form review.
A practical check for your business
Check the name of every input in an important form. A visitor should be able to understand what belongs in each field before entering information, including with assistive software.
Sources and further detail
Common questions
Does every form field clearly say what belongs there?
Useful labels make a form easier to understand and complete. Keep the label clear while someone is typing.
Go further
More video tips
All 205 videos →
Form Error Messages: 6 Ways to Help Visitors Recover
Help people finish the form.
Buttons vs Links: Choose the Right Website Control
Match the control to the job.