placeholder
Подсказка-пример внутри пустого поля.
Синтаксис
<input placeholder="e.g. Anna">Примеры
Подсказки с примером формата:
<label>Phone <input type="tel" placeholder="+1 555 0100"></label><br>
<label>Message <textarea placeholder="Your question…"></textarea></label>Цвет подсказки меняют через ::placeholder:
<style>
input::placeholder { color: teal; font-style: italic; }
</style>
<input placeholder="Search drinks">Примечания
Подсказка исчезает при вводе, поэтому не заменяет <label>: пользователь забывает, что требовалось ввести. По умолчанию её цвет бледный и плохо читается — следите за контрастом.
См. также
- <input> — Поле ввода; вид поля задаёт атрибут `type`.
- <textarea> — Многострочное текстовое поле.
- <label> — Подпись к полю формы.
Вопросы и ответы по теме
В учебнике
- Формы — Как устроена форма в HTML — тег form, поле input, атрибут name, кнопка отправки, action и методы GET и POST.