АТРИБУТ PLACEHOLDER Достаточно популярным у разработчиков является такой прием: изначально в поле ввода
добавляется текст-подсказка, которая исчезает при установке фокуса на этом поле, а затем
(при установке фокуса на другом элементе) снова появляется. Раньше для этого требовал-
ся JavaScript. Но теперь такое поведение можно задать с помощью атрибута
placeholder
.
В спецификации говорится: «Для добавления более подробной подсказки или совета лучше
использовать атрибут
title
».
Обычно для оформления подсказок используется более светлый оттенок, чем для обычного
текста, который пользователь вводит в данном поле. Для стилизации можно использовать
::-webkit-input-placeholder
,
:-moz-placeholder
и
-ms-input-placeholder
. Чтобы
обеспечить совместимость с будущими версиями браузеров, также добавляйте
-o-input-
placeholder
. Это экспериментальный формат, а не часть официальной спецификации CSS.
Важно также помнить, что атрибут placeholder не заменяет элемент
