<input type="date">
<input type="datetime">
<input type="datetime-local">
<input type="month">
<input type="time">
<input type="week">
<input type="color" value="#c04019">
<input type="email" placeholder="Format: [email protected]">
<input type="tel" placeholder="Format: 1234567890" pattern="[0-9]{10}">
Search our list of online stores:
<p>Search our list of online stores:</p><input type="search" list="online-stores"> <datalist id="online-stores" style="display:hidden;"> <option value="Amazon.com"> <option value="Zappos"> <option value="Buy.com"> <option value="Apple Store"> <option value="Threadless"> </datalist>
<input type="range" min="1" max="10">
<input type="number">
<input type="url">
Use this button to submit the form so you can see data validation text of certain input types.