All 22 HTML Input Types — What Each One Actually Does

<input type="email">    <!-- validates + @ keyboard on mobile -->
<input type="tel">      <!-- number pad on mobile -->
<input type="number" min="0" max="10" step="0.5">
<input type="date">  <input type="time">  <input type="month">
<input type="range" min="0" max="100">   <!-- slider -->
<input type="color">                      <!-- color picker -->
<input type="file" accept="image/*" capture="environment" multiple>
<input type="search">   <!-- adds clear ✕ button -->
<input type="password"> <input type="url"> <input type="hidden">
<input type="checkbox"> <input type="radio">

<input list="langs" placeholder="Favourite language">
<datalist id="langs">
  <option value="JavaScript"><option value="Python"><option value="Java">
</datalist>
<!-- native autocomplete dropdown, zero JS -->