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


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

827c83be2f7754ff2d9b311326be46bf.png

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

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

автор: с3с

Нотатка

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

автор: с3с

Синтаксис

<input placeholder="text">

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

text

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

автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
10+ 4+ 5+ 11+ 12+ 10+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
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.

автор: с3с

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


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

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



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід