<div>
    <label for="selectDropdown">A standard drop-down</label>
    <select class="{{ modifier_class }}" id="selectDropdown">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <optgroup label="More options">
            <option>Option 4</option>
            <option>Option 5</option>
        </optgroup>
    </select>
</div>

<div>
    <label for="selectMultiItem">A multi-item select field</label>
    <select class="{{ modifier_class }}" id="selectMultiItem" multiple>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <optgroup label="More options">
            <option>Option 4</option>
            <option>Option 5</option>
        </optgroup>
    </select>
</div>

<div>
    <label for="selectDisabled">A disabled drop-down</label>
    <select class="{{ modifier_class }}" id="selectDisabled" disabled>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <optgroup label="More options">
            <option>Option 4</option>
            <option>Option 5</option>
        </optgroup>
    </select>
</div>
