Главная сайта     Контакты     Поиск по сайту

Скачать справочники можно на isxodniki.ru

Атрибут placeholder

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

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание





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

Синтаксис

<textarea placeholder="строка">
</textarea>

Значения

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

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

Нет.





Пример

HTML5IE 7IE 8IE 9Cr 12Op 11Sa 5Fx 5

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег textarea, атрибут placeholder</title>
 </head>
 <body>
   <form action="handler.php">
     <p><textarea placeholder="Ваше сообщение"></textarea></p>
     <p><input type="submit" value="Отправить"></p>
   </form>
 </body>
</html>

Результат данного примера в браузере Chrome показан на рис. 1.

Вид текста, созданного с помощью атрибута placeholder

Рис. 1. Вид текста, созданного с помощью атрибута placeholder

Firefox 4 допускает изменять стиль текста, выводимого через атрибут placeholder, с помощью псевдокласса :-moz-placehoder.

textarea:-moz-placehoder { color: red; }

В Safari и Chrome стиль текста меняется следующим образом:

textarea::-webkit-input-placeholder { color: red; }





Спонсоры сайта:

Поделиться ссылкой на эту страницу в Vkontakte, FaceBook, Одноклассниках и других социальных сетях:


Есть ли эта страница в памяти поисковиков?

Yandex ТИЦ:      Google PR:  

Скачать справочники можно на isxodniki.ru