Каталог курсов

Инпут

Инпут (input) — поле для ввода текста или иной элемент формы на веб-странице. Таким элементом может быть ползунок, переключатель, кнопка и т. д.

Частые типы полей ввода:

text — простое текстовое поле
password — текстовое поле для пароля отличается тем, что скрывает введённые символы
radio — позволяет выбрать один вариант из нескольких
checkbox — позволяет сделать одиночный или множественный выбор
number — даёт пользователю возможность ввести число
date — даёт пользователю возможность ввести дату
range — позволяет выбрать значение из диапазона

Сравнительно редко используют:

Следует учитывать, что поля типа number, date и range по-разному отображаются в разных браузерах. Чтобы поле выглядело хорошо, может понадобиться дополнительная стилизация.

У поля input есть важные атрибуты. <label> отвечает за подпись поля ввода. placeholder позволяет давать короткие подсказки. Атрибут name даёт серверу возможность определить, какие именно данные пришли.

Узнайте больше в Медиа Нетологии:

Бесплатная программа по дизайну и UX:
Основы вёрстки сайта

Программы обучения Нетологии по дизайну и UX:

← В глоссарий