A placeholder vanishes once typing starts, so it cannot serve as a label
Aliases: placeholder label · disappearing label · empty-field hint
What it is
A placeholder is temporary text inside an empty slot that leaves the visual field as soon as typing starts. Using it as the field’s name is placeholder-as-label failure: halfway through, or when coming back to edit, the name is already gone, and people cannot tell whether this cell is still “email” and the next one “phone.” The failure mode is disappearance, not pale color, and not whether the text was a format or an example.
Why it happens
A label’s job is to keep the field’s identity available for the whole fill. A placeholder’s lifetime is the opposite: show when empty, hide when there are characters. Focus, the first keystroke, or an autofill write clears the identity cue. To check what the cell means, people must delete the value to resurrect the placeholder, or guess. Autofill is especially harsh—the page fills at once, every placeholder vanishes together, and what remains is a row of unnamed strings in which email and username both look like text. Working memory cannot hold every field name on the form; on return, only names that still sit outside the slot can be used. A placeholder puts the name in a place that evaporates.
Studying it
Compare placeholder-only, outside-label-plus-placeholder, and outside-label-only forms. Interrupt people halfway and have them edit a few fields. Outcomes: whether they can still name the field while the value is present, delete-to-reread counts, neighbor-field mix-ups. Nielsen Norman Group’s case against placeholders as labels rests on this post-input unavailability, not on contrast alone. Eye tracking can show whether returning gaze hunts outside the slot for a name that is no longer there. Run autofill as its own condition: one-click fill from a password manager, then ask what each cell is.
Where it stops holding
Search boxes and chat composers are single, stable slots; a vanishing placeholder is only a weak “search for what,” and a button or page title already carries identity, so the failure is rarely fatal. A floating label moves the name outside the slot after input and partly offsets disappearance—that is a different control, not a placeholder that has become a label. Browsers expose placeholders to screen readers inconsistently: name, hint, or silence. A placeholder cannot be relied on as the accessible name. In a masked password field the value is already unreadable; losing the name as well makes checking nearly impossible.
Applying it
- Keep a persistent name outside the slot; use a placeholder only for a non-essential example, or leave it empty.
- Do not put “Email,” “Password,” or “Name” solely in
placeholder. - Screenshot autofill-completed states: each cell should still be readable as what it is beside the value.
- Verify by having people leave halfway and change two cells a minute later. If they must delete the value to remember the cell’s meaning, the name still lives in the placeholder.