Атрибут placeholder
Синтаксис
HTML
<textarea placeholder="[значение]"> ... </textarea>
Описание
Атрибут / параметр placeholder (от англ. "placeholder" ‒ «заполнитель») указывает краткую подсказку (слово или короткую фразу), предназначенную для помощи пользователю с вводом данных. Краткая подсказка отображается в элементе формы в случае, когда этот элемент не имеет значения. При этом подсказка может быть образцом вводимого значения или кратким описанием ожидаемого формата вводимых данных.
Примечание
- Как правило, браузеры отображают текст подсказки серым цветом для того, чтобы пользователь мог без особого труда отличить текст подсказки от текста относящегося к значению элемента;
- Для указания более длинной подсказки или другого поясняющего текста, рекомендуется размещать такой текст рядом с текстовым полем.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.11 The textarea element The placeholder attribute... |
| 5.1 | 4.10.11. The textarea element The placeholder attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
В качестве значения данного атрибута указывается текст краткой подсказки.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр placeholder (Элемент textarea)</title>
</head>
<body>
<h1>Пример использования атрибута "placeholder"</h1>
<textarea rows="5" cols="50" placeholder="Поле для ввода многострочного текста">
</textarea>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр placeholder (Элемент textarea)</title>
</head>
<body>
<h1>Пример использования атрибута "placeholder"</h1>
<textarea rows="5" cols="50" placeholder="Поле для ввода многострочного текста">
</textarea>
</body>
</html>
Параметр placeholder (Элемент textarea)