Пример
Поле ввода телефона с текстом-подсказкой:
<form action="/action_page.php">
<label for="phone">Введите номер телефона:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Формат:
123-45-678</small><br><br>
<input type="submit">
</form>
Попробуйте сами »
Определение и использование
Атрибут placeholder указывает короткую подсказку, описывающую ожидаемое значение поля ввода (например, образец значения или краткое описание ожидаемого формата).
Краткая подсказка отображается в поле ввода до того, как пользователь введет значение.
Примечание: Атрибут placeholder работает со следующими типами ввода: text, search, url,
number, tel, email и password.
Поддержка браузерами
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Синтаксис
<input placeholder="текст">
Значения атрибута
| Значение | Описание |
|---|---|
| текст | Указывает короткую подсказку, описывающую ожидаемое значение поля ввода |