Тема:

placeholder HTML атрибут - підказка для введення

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

Атрибут placeholder використовується з елементами <input type="text|search|url|tel|email|password|number"> та <textarea>.

Атрибут placeholder не повинен замінювати елемент <label>. Він призначений лише для надання короткої підказки, а не для пояснення або інструкції. Для доступності завжди використовуйте <label>.

Синтаксис

HTML
<input type="text" placeholder="Ваше ім’я">

Приклади використання

Результат
<label for="username">Ім’я користувача:</label>
<input type="text" id="username" name="username" placeholder="Наприклад, Іван Петров"><br><br>

<label for="comment">Ваш коментар:</label>
<textarea id="comment" name="comment" placeholder="Введіть ваш коментар тут..." rows="4" cols="30"></textarea>

Підтримка браузерів

placeholder

Останнє оновлення: