HTML5 - Inputs Example

by David Soto

HTML

<div>
        <h3>type=color</h3>
        <input type="color" name="color">
    </div>
    <div>
        <h3>type=date</h3>
        <input type="date" name="date">
    </div>
    <div>
        <h3>type=datetime-local</h3>
        <input type="datetime-local" name="datetime-local">
    </div>
    <div>
        <h3>type=month</h3>
        <input type="month" name="month">
    </div>
    <div>
        <h3>type=number</h3>
        <input type="number" name="number">
    </div>
    <div>
        <h3>type=range</h3>
        <input type="range" name="range">
    </div>
    <div>
        <h3>type=search</h3>
        <input type="search" name="search" results="1" >
    </div>
    <div>
        <h3>type=tel</h3>
        <input type="tel" name="tel">
    </div>
    <div>
        <h3>type=email</h3>
        <input type="email" name="email">
    </div>
    <div>
        <h3>type=time</h3>
        <input type="time" name="time">
    </div>
    <div>
        <h3>type=url</h3>
        <input type="url" name="url">
    </div>
    <div>
        <h3>type=week</h3>
        <input type="week" name="week">
    </div>