您可以将选择中的选项整齐地分组,以便通过使用<optgroup>元素在较长的选项列表中提供更结构化的布局。
语法非常基本,只需使用带有label属性的元素来标识组的标题,并包含该组内应包含的零个或多个选项。
<select name=""> <option value="milk">Milk</option> <optgroup label="Fruits"> <option value="banana">Bananas</option> <option value="strawberry">Strawberries</option> </optgroup> <optgroup label="Vegetables" disabled> <option value="carrot">Carrots</option> <option value="zucchini">Zucchini</option> </optgroup> </select>
使用选项组时,组中不需要包含所有选项。同样,禁用选项组将禁用该组中的所有选项,并且无法在禁用的组中手动重新启用单个选项。