Атрибут type HTML тега input

Атрибут type определяет тип элемента ввода.

Тип по умолчанию — text.

Этот атрибут не является обязательным, однако лучше всегда определять его.

Атрибут type для тега <input> поддерживается всеми основными браузерами, тем не менее не все браузеры корректно работают со всеми его значениями.

В HTML5 для атрибута type были добавлены следующие новые значения: color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel, url.

Синтаксис атрибута

<input type="значение">

Значения атрибута

Значение Описание
button Обычная кнопка (как правило используется для запуска скриптов Javascript).
checkbox Флажки, которые позволяют выбрать более одного варианта из предложенных.
color Добавлен в HTML5.
Виджет для выбора цвета.
date Добавлен в HTML5.
Поле выбора календарной даты.
datetime Добавлен в HTML5.
Указание даты и времени.
datetime-local Добавлен в HTML5.
Указание местной даты и времени.
email Добавлен в HTML5.
Для адресов электронной почты.
file Поле для ввода имени файла, который пересылается на сервер.
hidden Скрытое поле, которое не отображается на странице.
image Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер.
month Добавлен в HTML5.
Выбор месяца.
number Добавлен в HTML5.
Ввод чисел.
password Текстовое поле, в котором все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль.
radio Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных.
range Добавлен в HTML5.
Ползунок для выбора чисел в указанном диапазоне.
reset Кнопка сброса данных в исходные значения.
search Добавлен в HTML5.
Поле поиска.
submit Кнопка отправки данных формы на сервер.
tel Добавлен в HTML5.
Для телефонных номеров.
text Текстовое поле. Значение по умолчанию.
time Добавлен в HTML5.
Для времени.
url Добавлен в HTML5.
Для веб-адресов.
week Добавлен в HTML5.
Выбор недели.

Пример использования атрибута

HTML форма с двумя разными элементами ввода — текстовое поле и кнопка отправки данных на сервер:


<form action="//msiter.ru/demo_form.asp">
   Имя пользователя: <input type="text" name="usrname"><br>
   <input type="submit" value="Отправить">
</form>