Атрибут placeholder

Internet Explorer Chrome Opera Safari Firefox
6.0 7.0 8.0 9.0 10.0 11.0 12.0 13.0 9.2 9.6 10.0 11.0 2.0 3.1 4.0 5.0 3.0 4.0 5.0 6.0

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Выводит текст внутри поля формы, который исчезает при получении фокуса.

Синтаксис

<input placeholder="строка">

Значения

Текстовая строка. Если внутри строки предполагается пробел, ее необходимо брать в двойные или одинарные кавычки.

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

Нет.

Пример

HTML5IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег input, атрибут placeholder</title>
 </head>
 <body> 
  <form action="handler.php">
   <p><input type=search placeholder="Введите текст для поиска">
   <input type="submit" value="Искать"></p>
  </form> 
 </body>
</html>

Результат примера показан на рис. 1.

Текст внутри поля для поиска

Рис. 1. Текст внутри поля для поиска

Если вам понравились материалы сайта, вы можете поддержать сайт, купив справочник по HTML в формате CHM, в виде набора HTML-файлов или в формате PDF за 30 р.