Тег optgroup группирует пункты option выпадающего списка select.

Группировка нужна для того, чтобы дать общий заголовок определенной группе пунктов списка. Этот заголовок задается в атрибуте label тега optgroup.

Атрибуты

Атрибут Описание
label Задает текст, который будет заголовком для группы пунктов списка.

Примеры

Пример

В данном примере с помощью тега optgroup пункты списка сгруппированы в две группы:

<select>
	<optgroup label="Города России">
		<option>Москва</option>
		<option>Смоленск</option>
	</optgroup>
	<optgroup label="Города Беларуси">
		<option>Минск</option>
		<option>Витебск</option>
	</optgroup>
</select>

Результат выполнения кода: