selectタグのグルーピング

htmlのセレクトボックス（selectタグ）で意外と使えるメモ。

hr

罫線（hr）を引くことができる。

<select>
    <option>A</option>
    <option>B</option>
    <hr>
    <option>C</option>
    <option>D</option>
</select>

optgroup

選択肢をグルーピングできる。

<select>
    <optgroup label="group1">
        <option>A</option>
        <option>B</option>
    </optgroup>
    <optgroup label="group2">
        <option>C</option>
        <option>D</option>
    </optgroup>
</select>