Замещаемый текст

Автор: Евгений Рыжков и Татьяна Головко Дата публикации: 09.03.2011

Кроме новых типов полей, HTML5 радует нас нескольким приятными маленькими плюшками для форм. Одна из них — это возможность устанавливать для текстовых полей замещаемый текст, который будет отображен, когда поле пустое и в не в фокусе. Как только поле получает фокус, этот текст автоматически пропадает.

Проверить поддержку замещаемого текста можно приемом №2, описанным ранее. Если браузер это поддерживает, у созданного в DOM элемента <input> будет доступно свойство placeholder (даже если этого атрибута не будет в коде). Пример проверки:

function supports_input_placeholder() {
var i = document.createElement('input');
return 'placeholder' in i;
}

С помощью Modernizr:

if (Modernizr.input.placeholder) {
твой замещаемый текст виден
} else {
// нет поддержки замещаемого текста
// возвращаемся во времена скриптов
 }

Куда дальше

По теме