html атрибут placeholder

Атрибут placeholder вказує коротку підказку, яка описує очікуване значення поля введення (наприклад, значення або короткий опис, що потрібно ввести).

827c83be2f7754ff2d9b311326be46bf.png

Атрибут placeholder виводить текст всередині поля форми, який зникає при отриманні фокусу або при наборі тексту.

Зазвичай відображається сірим кольором.

Нотатка:

Атрибут заповнювач працює з наступними типами введення: text, search, url, tel, email та password.

Синтаксис

<input placeholder="text">

Атрибут placeholder може отримувати єдине значення :

text

Текстовий рядок. Якщо всередині рядка передбачається пропуск, його необхідно брати в подвійні або одинарні лапки.

Переглядачі

Переглядач

10+

4+

5+

11+

10+

12+

Переглядач

2.3+

1+

4+

5+


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML атрибута placeholder теґа <input>

See the Pen Input_placeholder_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут placeholder з'явився тільки в HTML5.

Різниця між XHTML та HTML


Немає жодної різниці.