Number: <input type="number" />
<input type="number" />
Range: <input type="range" />
<input type="range" />
Date: <input type="date" />
<input type="date" />
Time: <input type="time" />
<input type="time" />
Date/Time: <input type="datetime" />
<input type="datetime" />
Date/Time (local): <input type="datetime-local" />
<input type="datetime-local" />
Month: <input type="month" />
<input type="month" />
Week: <input type="week" />
<input type="week" />
Color: <input type="color" />
<input type="color" />
Datalist: <input type="text" list="browser_list" /> <datalist id="browser_list"> <option value="Firefox"> <option value="Safari"> <option value="IE"> <option value="Chrome"> <option value="Opera"> </datalist>
<input type="text" list="browser_list" /> <datalist id="browser_list"> <option value="Firefox"> <option value="Safari"> <option value="IE"> <option value="Chrome"> <option value="Opera"> </datalist>
Telephone: <input type="tel" />
<input type="tel" />
Email: <input type="email" />
<input type="email" />
URL: <input type="url" />
<input type="url" />
Search: <input type="search" />
<input type="search" />
Name: <input type="text" required />
<input type="text" required />
Zip: <input type="text" pattern="[0-9]{5}" />
<input type="text" pattern="[0-9]{5}" />
HTML5 pattern library
Placeholder: <input type="text" placeholder="some text" />
<input type="text" placeholder="some text" />
Autofocus: <input type="text" autofocus />
<input type="text" autofocus />
Min/Max/Step (number): <input type="number" min="0" max="10" step="2" />
<input type="number" min="0" max="10" step="2" />
Min/Max/Step (time): <input type="time" min="11:00" max="15:00" step="900" />
<input type="time" min="11:00" max="15:00" step="900" />