Атрибут placeholder
Синтаксис
HTML
<input type="..." placeholder="[значение]">
Описание
Атрибут / параметр placeholder (от англ. "placeholder" ‒ «заполнитель, прототип») указывает краткую подсказку (слово или короткую фразу) в текстовом элементе формы, предназначенную для помощи пользователю с вводом данных. Краткая подсказка отображается в элементе формы до тех пор пока это поле не имеет значения.
Примечание
Как правило, браузеры отображают текст подсказки серым цветом для того, чтобы пользователь мог без особого труда отличить текст подсказки от текста значения поля.
Условия использования
Применяется только к следующим типам полей формы: «email», «number», «password», «search», «tel», «text», «url».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.5.3.10 The placeholder attribute The placeholder attribute... |
| 5.1 | 4.10.5.3.10. The placeholder attribute The placeholder attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр placeholder (Элемент input)</title>
</head>
<body>
<h1>Пример использования атрибута "placeholder"</h1>
<form action="/examples/php-scripts/FIE.php" method="get">
<p>Введите ваш E-mail: <input type="email" name="email" placeholder="example@email.ru"></p>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр placeholder (Элемент input)</title>
</head>
<body>
<h1>Пример использования атрибута "placeholder"</h1>
<form action="/examples/php-scripts/FIE.php" method="get">
<p>Введите ваш E-mail: <input type="email" name="email" placeholder="example@email.ru"></p>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Параметр placeholder (Элемент input)