input types

by jorgeluis

HTML

<form>
    <div>
        <label>datalist</label>
        <input list="rebels"/>
        <datalist id="rebels">
            <opiton value="Artoo"/>
            <opiton value="Chewie"/>
            <opiton value="Han"/>
            <opiton value="Lando"/>
            <opiton value="Leia"/>
            <opiton value="Luke"/>
            <opiton value="Threepio"/>
        </datalist>
                
    </div>
    
    <div>
        <label>color</label>
        <input type="color"/>
    </div>
    
    <div>
        <label>range</label>
        <input type="range"/>
    </div>
    
    <div>
        <label>datetime</label>
        <input type="datetime"/>
    </div>
    
    <div>
        <label>datetime-local</label>
        <input type="datetime-local"/>
    </div>
    
    <div>
        <label>date</label>
        <input type="date"/>
    </div>
 
    <div>
        <label>time</label>
        <input type="time"/>
    </div>
    
    <div>
        <label>month</label>
        <input type="month"/>
    </div>
    
    <div>
        <label>image</label>
        <input type="image"/>
    </div>

</form>

CSS

div {
    margin-bottom: 1em;
}
label {
    display: block;
}