Атрибут placeholder
Выводит текст внутри текстового поля, который исчезает при получении фокуса.
Синтаксис
Значения
Текстовая строка. Если внутри строки предполагается пробел, ее необходимо брать в двойные или одинарные кавычки.
Значение по умолчанию
HTML5 IE 10 Cr Op Sa Fx
Тег textarea, атрибут placeholder Результат данного примера в браузере Chrome показан на рис. 1.
Рис. 1. Вид текста, созданного с помощью атрибута placeholder
Firefox 4 допускает изменять стиль текста, выводимого через атрибут placeholder , с помощью псевдокласса :-moz-placeholder.
В Safari и Chrome стиль текста меняется следующим образом:
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
html атрибут placeholder
Атрибут placeholder вказує коротку підказку, яка описує очікуване значення поля введення (наприклад, значення або короткий опис, що потрібно ввести).
Атрибут placeholder виводить текст всередині поля форми, який зникає при отриманні фокусу або при наборі тексту.
Зазвичай відображається сірим кольором.
Атрибут заповнювач працює з наступними типами введення: text, search, url, tel, email та password.
Атрибут placeholder HTML тега input
Атрибут placeholder определяет короткую подсказку-«заполнитель», описывающую ожидаемое для ввода значение (например, значение-пример или короткое описание ожидаемого формата). Этот «заполнитель» отображается в текстовом поле до того, как пользователь начнет вводить данные.
Атрибут placeholder работает со следующими типами элемента : text, search, url, tel, email, password.
Атрибут placeholder для тега был добавлен в HTML5.
Синтаксис атрибута
Значения атрибута
| Значение | Описание |
|---|---|
| текст | Подсказка-«заполнитель», описывающая ожидаемое значение для ввода |
Пример использования атрибута
HTML форма с двумя текстовыми полями с «заполнителями»:
Атрибут placeholder
Атрибут / параметр placeholder (от англ. «placeholder» ‒ «заполнитель, прототип») указывает краткую подсказку (слово или короткую фразу) в текстовом элементе формы, предназначенную для помощи пользователю с вводом данных. Краткая подсказка отображается в элементе формы до тех пор пока это поле не имеет значения.
Примечание
Как правило, браузеры отображают текст подсказки серым цветом для того, чтобы пользователь мог без особого труда отличить текст подсказки от текста значения поля.