Label
You might say
Put a clear label in front of every field so people know what to enter.
Visible text that tells people what a form control asks forAn Email label on a sign-in form should stay visible and focus its matching input when clicked. Put required, format, and error information nearby instead of relying on placeholder text.
When to use it
- Every input people fill in
- Required or format rules
- A clear name for complex controls
When NOT to use it
- A placeholder used as the only label
- A vague name such as Information or Content
- A full help paragraph inside the label
Anatomy
*Used to sign in
States what the person should provide
Mark only fields that are actually required
Clicking the label should focus this control
Adds format, purpose, or privacy guidance
Variants
Top
On small screens or for long field names
Left
In a compact desktop filter area
Help text
At least 8 characters
When format or purpose needs explanation
Typical use cases
Sign-up form
Profile settings
Shipping address
Further reading