In Web & Mobile Design
What is Placeholder Text?
Placeholder text is hint text inside an input that suggests the expected format or example.
When to use Placeholder Text?
As supplemental guidance, not as a label replacement.
When not to rely on Placeholder Text?
When persistent labels are required for clarity and accessibility.
What is the anatomy of Placeholder Text?
- Contrast and disappearance on focus/entry
- Pairing with labels and helper text
- Localization and examples