Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут placeholder

Атрибут placeholder (от англ. "placeholder" — «заполнитель») указывает краткую подсказку (слово или короткую фразу), предназначенную для помощи пользователю с вводом данных. Краткая подсказка отображается в элементе формы в случае, когда этот элемент не имеет значения.

Текст подсказки скрывается, когда пользователь вводит значение (любой символ) в текстовое поле, если его убрать, то подсказка будет отображена снова.

Синтаксис

<textarea placeholder="text"> ... </textarea>
<input placeholder="text">

Значения

Текстовая подсказка, которая описывает ожидаемое значение для ввода в элемент.

Значение по умолчанию

Нет.

Применяется к тегам

<input> <textarea>

Примечание: Атрибут placeholder может быть использован с полями данных (тег input) следующих типов (атрибут type): text, search, url, tel, email, и password.

Отличия HTML 4.01 от HTML 5

Атрибут является новым в HTML 5.

Примеры использования:

Атрибут placeholder (Элемент <input>)

Пример HTML:

Попробуй сам
<form action="action_form.php">
  Login: <input type = "text"  name = "login" placeholder = "Введите ваш логин"><br>
  Password: <input type = "password"  name = "password" placeholder = "Введите ваш пароль"><br>
  <input type="submit" value="Отправить">
</form> 

Атрибут placeholder (Элемент <textarea>)

Пример HTML:

Попробуй сам
<textarea rows="4" cols="50" placeholder="Ваше сообщение...">
</textarea> 

Поддержка браузерами

Атрибут placeholder имеет следующую поддержку браузерами для каждого элемента:

Спецификации

Спецификация Статус
HTML 5 (W3C) Рекомендация (input-placeholder)
HTML 5 (W3C) Рекомендация (textarea-placeholder)
HTML 5.1 (W3C) Рекомендация (input-placeholder)
HTML 5.1 (W3C) Рекомендация (textarea-placeholder)

Учебник HTML

HTML уроки: HTML Атрибуты