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

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

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

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

С помощью Modernizr:

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

Куда дальше

• следующая — Автофокус форм
• предыдущая — Типы полей input
• содержание

По теме

• О кроссбраузерности placeholder
• jQuery-Placeholder — замещающийся текст