Select 下拉菜单选项分组

使用<select>元素创建下拉菜单,并使用 <optgroup> 元素对选项进行分组。<optgroup> 元素允许你将相关的 <option> 元素分组在一起,并为每个分组添加一个标签。

<form action="#" method="post">
       <label>城区:</label>
            <select>
                <optgroup label="北京">
                    <option>东城区</option>
                    <option>西城区</option>
                    <option>朝阳区</option>
                    <option>海淀区</option>
                </optgroup>
                <optgroup label="上海">
                    <option>浦东新区</option>
                    <option>徐汇区</option>
                    <option>虹口区</option>
                </optgroup>
            </select>
    </form>

在这里插入图片描述