Атрибут type

Описание

Указывает, какого типа поле.

Синтаксис

<input type='...'>
Тип Описание Пример
button Кнопка.
checkbox Флажки. Позволяют выбрать более одного варианта из предложенных.

file Поле, которое выбирает файл.
hidden Скрытое поле. Оно не отображается на веб - странице.
image Поле с кнопкой - изображением. iconka
password Поле для ввода паролей, все символы визуально заменяются звёздочками.
radio Переключатели.Выбирает один вариант из нескольких предложенных.



reset Кнопка для очищения поля формы.
submit Кнопка для отправки данных формы на сервер.
text Поле для текста.
color Поле для выбора цвета.
date Поле для выбора даты.
datetime Поле для выбора даты и времени.
datetime-local Поле для выбора местной даты и времени.
email Поле для ввода адресов электронной почты.
number Поле для ввода чисел.
range Поле - ползунок для выбора чисел в указанном диапазоне.
search Поле для поиска.
tel Поле для телефонных номеров.
time Поле для времени.
url Поле для веб-адресов.
month Поле для выбора месяца.
week Поле для выбора недели.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<input type='color'>
</body>
</html>

Читайте также

Тег <input>. Атрибут required

Устанавливает поле обязательным к заполнению.

Тег <td>. Атрибут rowspan

Используется для объединения вертикальных ячеек.

Тег <embed>. Атрибут hidden

Определяет, должен ли объект показываться или нет. По умолчанию атрибут выключен.

Тег <colgroup>. Атрибут align

Выравнивает колонки по горизонтали.

Тег <progress>. Атрибут max

Указывается максимальное значение прогресса.