Атрибут -заполнитель HTML <input>
Пример
Поле ввода телефона с текстом-заполнителем:
<form action="/action_page.php">
<label for="phone">Enter a phone number:</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>Format:
123-45-678</small><br><br>
<input type="submit">
</form>
Определение и использование
Атрибут placeholderзадает краткую подсказку, описывающую ожидаемое значение поля ввода (например, образец значения или краткое описание ожидаемого формата).
Короткая подсказка отображается в поле ввода до того, как пользователь введет значение.
Примечание . placeholderАтрибут работает со следующими типами ввода: текст, поиск, URL-адрес, телефон, электронная почта и пароль.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Синтаксис
<input placeholder="text">
Значения атрибутов
| Value | Description |
|---|---|
| text | Specifies a short hint that describes the expected value of the input field |
❮ HTML-тег <input>