Input field types

Collection of different input types

by M Shameer

HTML

<p>Text field: <input type="text" /></p>
<p>Search field: <input type="search" /></p>
<p>Tel field: <input type="tel" /></p>
<p>URL field: <input type="url" /></p>
<p>Email field: <input type="email" required /></p>
<p>Email multiple field: <input type="email" multiple /></p>
<p>Number field (multiples of 5 starting from 10): <input type="number" min="10" max="30" step="5" /></p>
<p>Range field: <input type="range" /></p>
<p>Color field: <input type="color" /></p>
<p>Date field: <input type="date" /></p>

<p>Radio field: <input type="radio" /></p>
<p>Checkbox field: <input type="checkbox" /></p>

<p>File field: <input type="file" /></p>
<p>Image field: <input type="image" src="https://www.w3schools.com/tags/img_submit.gif" /></p>
<p>Month field: <input type="month" /></p>
<p>Password field: <input type="password" /></p>
<p>Reset field: <input type="reset" /></p>
<p>Submit field: <input type="submit" /></p>

<p>Time field: <input type="time" /></p>
<p>Week field: <input type="week" /></p>