Тег <input>


Описание

Тег <input> создает интерактивные элементы формы для ввода данных. Это один из самых мощных и гибких элементов HTML, поддерживающий более 20 различных типов ввода.

Основные типы input:
<!-- Текстовое поле --> <input type="text" placeholder="Введите имя"> <!-- Пароль --> <input type="password" placeholder="Пароль"> <!-- Чекбокс --> <input type="checkbox" id="agree"> <label for="agree">Я согласен</label> <!-- Радио-кнопки --> <input type="radio" name="gender" id="male"> <label for="male">Мужской</label> <input type="radio" name="gender" id="female"> <label for="female">Женский</label>
Современные типы input:
<!-- Email с валидацией --> <input type="email" placeholder="email@example.com" required> <!-- Выбор даты --> <input type="date" min="2023-01-01" max="2023-12-31"> <!-- Ползунок --> <input type="range" min="0" max="100" step="5"> <!-- Выбор цвета --> <input type="color" value="#ff0000"> <!-- Загрузка файла --> <input type="file" accept=".jpg,.png" multiple>

Тег <input> является основным инструментом для создания интерактивных веб-форм и взаимодействия с пользователями.


Атрибуты

accept Типы файлов для загрузки
alt Альтернативный текст для кнопки-изображения
autocomplete Включение автозаполнения
checked Предварительный выбор элемента
disabled Отключение элемента
form Связь с формой
formaction URL обработки формы
formenctype Кодировка данных формы
formmethod Метод отправки формы
formnovalidate Отключение валидации
formtarget Цель отправки формы
height Высота (для type="image")
list Связь с datalist
max Максимальное значение
maxlength Максимальная длина
min Минимальное значение
minlength Минимальная длина
multiple Разрешение множественного выбора
name Имя элемента
pattern Регулярное выражение для валидации
placeholder Подсказка в поле ввода
readonly Только для чтения
required Обязательное поле
size Размер элемента
src URL изображения (для type="image")
step Шаг изменения значения
type Тип элемента ввода
value Значение элемента
width Ширина (для type="image")
accesskey Горячая клавиша
class CSS-классы
id Уникальный идентификатор
style Инлайновые стили
title Всплывающая подсказка
align Выравнивание (устарел)
usemap Карта изображения (устарел для input)

Поддержка браузерами

3.0 1.0 4.0 1.0 1.0