Какие есть типы input и зачем они?

HTML5 ввёл множество типов: email (валидация + клавиатура с @), tel (цифровая клавиатура), number (стрелки, min/max/step), date/time/datetime-local (нативный пикер), url, search, color, range (слайдер), file. На мобильных тип влияет на клавиатуру — tel покажет цифровую, email добавит @. Типы также дают нативную валидацию без JS. Часто разработчики ставят type="text" на всё — это ухудшает UX, особенно на мобильных.