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