Пример
Поле ввода телефона с заполнителем текста:
<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>
Попробуйте сами »
Определение: Тег <input> атрибут placeholder
Тег <input> в HTML имеет атрибут placeholder определяет короткую подсказку, описывающую ожидаемое значение поля ввода (например, примерное значение или краткое описание ожидаемого формата).
Короткая подсказка отображается в поле ввода до того, как пользователь вводит значение.
Примечание: Атрибут placeholder работает со следующими типами входных данных: text, search, url, tel, email, и password.
Поддержка: Тег <input> атрибут placeholder
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Синтаксис: Тег <input> атрибут placeholder
<input placeholder="text">
Значение: Тег <input> атрибут placeholder
| Значение | Описание |
|---|---|
| text | Задает короткую подсказку, описывающую ожидаемое значение поля ввода |