Атрибут placeholder
задает подсказку
в поле ввода HTML формы.
Подсказка placeholder
нужна для того,
чтобы указать пользователю, что именно следует
вводить в данное поле. Сама подсказка будет
расположена в поле ввода, но, в отличие от
атрибута value
,
будет пропадать автоматически при попытке
ввести текст.
Применяется к тегам input
,
textarea
.
Применить CSS стили к подсказке placeholder
вы можете с помощью псевдоэлемента placeholder
.
Пример
Давайте полю ввода установим подсказку placeholder
:
<input type="text" placeholder="введите имя">
:
Пример . Атрибут value одновременно с placeholder
А здесь давайте полю ввода установим одновременно
подсказку placeholder
и атрибут value
.
Если вы удалите содержимое атрибута value
,
то увидите подсказку, которая скрывается под ним:
<input type="text" placeholder="введите имя" value="Иван">
:
Смотрите также
-
атрибут
value
,
который задает значение по умолчанию для поля ввода