HTML Input Types

<!-- Text inputs -->
<input type="text"     placeholder="Full name">
<input type="email"    placeholder="Email address">
<input type="password" placeholder="Password">
<input type="url"      placeholder="https://example.com">
<input type="tel"      placeholder="+44 7700 900000">

<!-- Number and range -->
<input type="number" min="0" max="100" value="50">
<input type="range"  min="0" max="100" value="50">

<!-- Dates and times -->
<input type="date">
<input type="time">
<input type="datetime-local">
<input type="month">

<!-- Pickers -->
<input type="color" value="#D62828">
<input type="file"  accept="image/*">

<!-- Selection inputs -->
<input type="checkbox" id="agree"> <label for="agree">I agree</label>
<input type="radio"    name="plan" value="free"> Free
<input type="radio"    name="plan" value="pro">  Pro

<!-- Hidden / search / submit -->
<input type="hidden" name="token" value="abc123">
<input type="search" placeholder="Search...">
<input type="submit" value="Send">
<input type="reset"  value="Clear">