JB Framework

Selects

Select list A is for ant B is for bird C is for cat D is for dog E is for elephant Select list A is for ant B is for bird C is for cat D is for dog E is for elephant Select list A is for ant B is for bird C is for cat D is for dog E is for elephant

<p>
    <select>
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>

    <select disabled>
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>

    <select class="invalid">
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>
</p>

Multiple selects

Select list A is for ant B is for bird C is for cat D is for dog E is for elephant Select list A is for ant B is for bird C is for cat D is for dog E is for elephant Select list A is for ant B is for bird C is for cat D is for dog E is for elephant

<p>
    <select multiple>
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>

    <select disabled multiple>
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>

    <select class="invalid" multiple>
        <option>Select list</option>
        <option>A is for ant</option>
        <option>B is for bird</option>
        <option>C is for cat</option>
        <option>D is for dog</option>
        <option>E is for elephant</option>
    </select>
</p>

Optgroup

Select list Atlantic Metropolitan Pacific Central Select list Atlantic Metropolitan Pacific Central Select list Atlantic Metropolitan Pacific Central

<p>
    <select>
        <option>Select list</option>
        <optgroup label="East">
            <option>Atlantic</option>
            <option>Metropolitan</option>
        </optgroup>
        <optgroup label="West">
            <option>Pacific</option>
            <option>Central</option>
        </optgroup>
    </select>

    <select disabled>
        <option>Select list</option>
        <optgroup label="East">
            <option>Atlantic</option>
            <option>Metropolitan</option>
        </optgroup>
        <optgroup label="West">
            <option>Pacific</option>
            <option>Central</option>
        </optgroup>
    </select>

    <select class="invalid">
        <option>Select list</option>
        <optgroup label="East">
            <option>Atlantic</option>
            <option>Metropolitan</option>
        </optgroup>
        <optgroup label="West">
            <option>Pacific</option>
            <option>Central</option>
        </optgroup>
    </select>
</p>