Атрибут placeholder

placeholder показує підказку-приклад усередині порожнього поля, яка зникає при введенні тексту.

Applies to

input, textarea

Values

Довільний короткий текст-приклад.

Example

<input type="email" placeholder="you@example.com">

Edge cases

placeholder зникає одразу при фокусі/введенні — користувач втрачає підказку саме в момент заповнення, тому це погана заміна постійно видимому label.
Контраст placeholder-тексту в багатьох браузерах нижчий за звичайний текст — можлива проблема доступності.

Accessibility

placeholder НЕ замінює label — завжди додавайте окремий label навіть при наявності placeholder.

Схожі інструменти

Тег <input>

Типи та атрибути тегу <input>: type, name, value, required, pattern.

Тег <label>

Атрибут for тегу <label> для зв'язку підпису з input.