Свойство <input> placeholder в HTML

HTML <input> тег

Определение и использование

placeholder Свойства определяют короткое напоминание, описывающее ожидаемое значение поля ввода (например, пример значения или краткое описание ожидаемого формата).

Этот提示 будет отображаться, когда поле ввода пусто, и исчезнет, когда поле получает фокус.

Внимание:placeholder Свойства применяются к следующим типам ввода:

  • text
  • поиск
  • url
  • тел
  • email
  • пароль

Пример

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

<form action="/action_page.php">
  <label for="phone">Введите номер телефона:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Формат: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Попробуйте сами

Синтаксис

<input placeholder="text">

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

Значение Описание
text Определяет краткое подсказку ожидаемого значения поля ввода.

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Комментарий:placeholder Атрибуты - это новые атрибуты в HTML5.

HTML <input> тег