Тег <textarea> Атрибут <placeholder>
Выводит текст внутри текстового поля, который исчезает при получении фокуса.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
10.0+ | 8.0+ | 11.50+ | 5.0+ | 4.0+ | 3.0+ | 3.0+ |
спецификация:
undefined | undefined | undefined | |
undefined | undefined | undefined |
синтаксис:
<textarea placeholder="подсказка перед вводом текста">
</textarea>
значения:
Текстовая строка. Если внутри строки предполагается пробел, ее необходимо брать в двойные или одинарные кавычки.
значение по умолчанию:
Нет
пример кода:
<!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>
примечание:
Firefox 4 допускает изменять стиль текста, выводимого через атрибут placeholder, с помощью псевдокласса :-moz-placeholder.
textarea:-moz-placeholder { color: red; }
В Safari и Chrome стиль текста меняется следующим образом:
textarea::-webkit-input-placeholder { color: red; }