Атрибут type
Описание
Указывает, какого типа поле.
Синтаксис
<input type='...'>Подробности
| Тип | Описание | Пример |
| button | Кнопка. | |
| checkbox | Флажки. Позволяют выбрать более одного варианта из предложенных. | |
| file | Поле, которое выбирает файл. | |
| hidden | Скрытое поле. Оно не отображается на веб - странице. | |
| image | Поле с кнопкой - изображением. |  |
| password | Поле для ввода паролей, все символы визуально заменяются звёздочками. | |
| radio | Переключатели.Выбирает один вариант из нескольких предложенных. | |
| reset | Кнопка для очищения поля формы. | |
| submit | Кнопка для отправки данных формы на сервер. | |
| text | Поле для текста. | |
| color | Поле для выбора цвета. | |
| date | Поле для выбора даты. | |
| datetime | Поле для выбора даты и времени. | |
| datetime-local | Поле для выбора местной даты и времени. | |
| Поле для ввода адресов электронной почты. | ||
| 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>Читайте также
Тег <thead>
Используется для создания 'шапки' таблицы. Включает в себя tr и td. Семантический тег....
Тег <details>
Обычно представлен в виде треугольника. Нужен для раскрытия или скрытия доп. информации. С ним может использоваться элемент summary...
Тег <cite>
Указывает на источник чего - то. Например автора цитаты, отзыва, книги или сайта....
Тег <video>
Используется для встраивания видео - файлов на web - сайт....