Атрибут 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>Читайте также
Тег <mark>
Подсвечивает текст желтым цветом, т.е. выделяет его....
Тег <bdo>
Определяет направление вывода текста. Часто используется с языками, где чтение происходит справа налево. Например, арабский язык....
Тег <label>
Создает ярлык, который связан с каким - либо элементом. Если нажать на него, то фокус попадает на этот элемент....
Тег <header>
«Шапка» сайта. В ней обычно указывают заголовки , меню... Семантический тег....