Какие существуют виды input-элементов в HTML?

Существуют следующие виды input-элементов:

• text: Однострочное текстовое поле.
• password: Поле для ввода пароля, символы скрыты.
• submit: Кнопка для отправки формы.
• reset: Кнопка для сброса формы.
• radio: Переключатель (один из множества).
• checkbox: Флажок (один или несколько из множества).
• button: Обычная кнопка.
• file: Поле для выбора файла.
• hidden: Скрытое поле, невидимое пользователю, но отправляемое с формой.
• image: Кнопка-изображение для отправки формы.

Спецификация HTML5 добавила новые типы:

• email: Поле для ввода email-адреса.
• url: Поле для ввода URL-адреса.
• number: Поле для ввода числа.
• range: Ползунок для выбора числового значения в заданном диапазоне.
• date: Поле для выбора даты.
• month: Поле для выбора месяца и года.
• week: Поле для выбора недели и года.
• time: Поле для выбора времени.
• datetime-local: Поле для выбора даты и времени без часового пояса.
• search: Поле для поиска.
• color: Поле для выбора цвета.
• tel: Поле для ввода телефонного номера.

Пример использования:

<!-- Однострочное текстовое поле -->
<input type="text" placeholder="Имя">

<!-- Поле для ввода пароля -->
<input type="password" placeholder="Пароль">

<!-- Кнопка для отправки формы -->
<input type="submit" value="Отправить">

<!-- Кнопка для сброса формы -->
<input type="reset" value="Сбросить">

<!-- Переключатели -->
<input type="radio" name="gender" value="male"> Мужской
<input type="radio" name="gender" value="female"> Женский

<!-- Флажки -->
<input type="checkbox" name="interests" value="music"> Музыка
<input type="checkbox" name="interests" value="sports"> Спорт

<!-- Обычная кнопка -->
<input type="button" value="Нажми меня">

<!-- Поле для выбора файла -->
<input type="file">

<!-- Скрытое поле -->
<input type="hidden" name="userId" value="123">

<!-- Кнопка-изображение -->
<input type="image" src="submit.png" alt="Отправить">

<!-- Поле для email -->
<input type="email" placeholder="Email">

<!-- Поле для URL -->
<input type="url" placeholder="Сайт">

<!-- Поле для числа -->
<input type="number" min="1" max="10">

<!-- Ползунок -->
<input type="range" min="0" max="100">

<!-- Поле для даты -->
<input type="date">

<!-- Поле для месяца -->
<input type="month">

<!-- Поле для недели -->
<input type="week">

<!-- Поле для времени -->
<input type="time">

<!-- Поле для даты и времени (локальное) -->
<input type="datetime-local">

<!-- Поле для поиска -->
<input type="search" placeholder="Поиск">

<!-- Поле для выбора цвета -->
<input type="color">

<!-- Поле для телефонного номера -->
<input type="tel" placeholder="+7 (xxx) xxx-xx-xx">