САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Тег <input> атрибут placeholder

❮ HTML тег <input>


Пример

Поле ввода телефона с заполнителем текста:

<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, tel, email, и password.


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибуты
placeholder 10.0 10.0 4.0 5.0 11.0

Синтаксис

<input placeholder="text">

Значение атрибута

Значение Описание
text Задает короткую подсказку, описывающую ожидаемое значение поля ввода

❮ HTML тег <input>