Атрибут placeholder

Атрибут placeholder задает подсказку в поле ввода HTML формы.

Такая подсказка нужна для того, чтобы указать пользователю, что именно следует вводить в данное поле. Сама подсказка будет расположена в поле ввода, но, в отличие от атрибута value, будет пропадать автоматически при попытке ввести текст.

Применяется к тегам input, textarea.

Применить CSS стили к подсказке placeholder вы можете с помощью псевдоэлемента placeholder.

Пример

Давайте полю ввода установим подсказку placeholder:

:

Пример . Атрибут value одновременно с placeholder

А здесь давайте полю ввода установим одновременно подсказку placeholder и атрибут value. Если вы удалите содержимое атрибута value, то увидите подсказку, которая скрывается под ним:

:

Смотрите также