Placeholder: что это и какая альтернатива

Обновлено 02.11.2026

Placeholder (плейсхолдер) — это текст-подсказка внутри пустого поля. Он виден, пока человек ничего не ввёл, и исчезает в момент ввода. Это не подпись поля: подпись должна оставаться на экране.

В веб-форме placeholder стоит почти у каждого поля. Им часто подменяют подпись, пример или длинную справку. Ниже — четыре таких подмены и то, куда перенести текст, чтобы подсказка не пропадала.

Подпись и пример остаются на экране. Текст внутри поля — только короткая подсказка.

Чем не стоит заменять подпись поля

Placeholder как метка

Пояснение стоит над полем, а не внутри него.

Чтобы форма выглядела короче, подпись ставят внутрь поля. Пока поле пустое, это читается. Стоит поставить курсор или набрать первую букву — текст пропадает. Чтобы вспомнить, что спрашивали, уже введённое приходится стереть.

Подпись оставьте над полем. Пустое поле без подписи после клика не подсказывает, что писать дальше.

Placeholder в качестве примера

Пример ввода стоит под полем, а не в placeholder.

Пример показывает, в каком виде ждут ответ: телефон, дату, номер заказа. Если этот образец лежит в placeholder, он исчезает в ту секунду, когда человек начинает печатать. Образец лучше поставить под полем: его видно и до ввода, и во время.

Placeholder в качестве подсказки

Длинную справку не помещают в placeholder.

Иногда в поле кладут целое предложение: формат, ограничение, зачем этот вопрос. Оно не помещается в одну строку и пропадает при вводе. Короткую подсказку можно оставить в поле. Длинный текст — под полем или во всплывающей подсказке у подписи.

Placeholder как заголовок поля

Заголовок поля — это label, не placeholder.

Отдельное имя поля внутри пустой строки выглядит аккуратно, но после клика имя пропадает. Для имени поля нужен label. Он остаётся на месте, когда в строке уже есть текст.

Если placeholder всё же нужен

Форма чаще удобнее без текста внутри полей. Если подсказка в поле всё-таки нужна, у неё три ограничения.

Placeholder должен быть тише введённого текста

Более светлый цвет отличает подсказку от уже введённого текста.

Пустое поле человек заполняет само. Если подсказка того же цвета, что и ответ, кажется, что поле уже заполнено, и его пропускают.

Placeholder должен быть виден на любом экране

Слишком светлый текст теряется на части экранов.

Серый «для красоты» на ярком мониторе ещё читается, на другом экране сливается с фоном. Подсказка должна отличаться от ответа и при этом оставаться разборчивой.

Placeholder не должен исчезать от одного клика

Текст внутри поля остаётся, пока не набрана первая буква.

Если подсказка пропадает от установки курсора, человек теряет её ещё до ввода. Она должна исчезнуть только когда в поле появился свой текст.

Источник: uxdesign.cc