Список типов полей input

Тип input Описание
text Обычный текст

Поддерживаемые атрибуты:

Пример:

email HTML5 e-mail адрес (требует ввода знака - '@')

Поддерживаемые атрибуты:

Пример:

tel HTML5 Номер телефона (при вводе на мобильных устройствах включается цифровая клавиатура)

Поддерживаемые атрибуты:

Пример:

url HTML5 URL адрес (требует ввода точки и названия протокола)

Поддерживаемые атрибуты:

Пример:

password Пароль (прячет вводимые символы под звездочкой - '*')

Поддерживаемые атрибуты:

Пример:

number HTML5 Число (добавляет элементы управления - стрелочки)

Поддерживаемые атрибуты:

Пример:

search HTML5 Текст для поиска (отличие от обычного text только в стилистике)

Поддерживаемые атрибуты:

Пример:

datetime-local HTML5 Локальные дата и время (добавляет элементы управления: календарь и часы)

Поддерживаемые атрибуты:

Пример:

date HTML5 Дата (добавляет элементы управления и календарь)

Поддерживаемые атрибуты:

Пример:

month HTML5 Месяц и год (добавляет элементы управления и календарь)

Поддерживаемые атрибуты:

Пример:

week HTML5 Номер недели (добавляет элементы управления и календарь)

Поддерживаемые атрибуты:

Пример:

time HTML5 Время, часы и минуты (добавляет элементы управления)

Поддерживаемые атрибуты:

Пример:

range HTML5 Регулятор выбора заданных значений

Поддерживаемые атрибуты:

Пример:

radio Поле для выбора только одного значения из представленных

Поддерживаемые атрибуты:

Пример:

Укажите пол.


checkbox Поле для выбора одного или нескольких значений из представленных

Поддерживаемые атрибуты:

Пример:

Выберите транспорт.


color HTML5 Поле для выбора цвета

Поддерживаемые атрибуты:

Пример:

file Поле для загрузки файла

Поддерживаемые атрибуты:

Пример:

image Изображение для отправки формы на сервер (аналог типу submit)

Поддерживаемые атрибуты:

Пример:

submit Кнопка отправки формы на сервер

Поддерживаемые атрибуты:

Пример:

reset Кнопка для очистки полей. Если в поле есть значение по умолчанию то будет оно будет вставлено вместо очистки.

Поддерживаемые атрибуты:

Пример:



button Обычная кнопка (по умолчанию ничего не делает)

Поддерживаемые атрибуты:

Пример:

hidden Скрытое поле с текстом

Поддерживаемые атрибуты:

Пример: