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

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

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

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

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

Примеры

Пример

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

<input type="text" placeholder="Введите имя">

Результат выполнения кода:

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

В данном примере полю ввода установлены одновременно подсказка placeholder и атрибут value. Если вы удалите содержимое атрибута value ("Иван"), то увидите подсказку, которая скрывается под ним:

<input type="text" placeholder="Введите имя" value="Иван">

Результат выполнения кода: