Главная->Уроки по ->Использование тега optgroup в HTML

Использование тега optgroup в HTML

23 Июл в 00:00

Данный тег позволяет выделить в отдельную группу возможные варианты в выпадающем списке select. Давайте посмотрим пример тега optgroup в HTML:

<select name="choice">
<optgroup label="Группа 1">
<option value="1">Элемент 1</option>
<option value="2">Элемент 2</option>
<option value="3">Элемент 3</option>
</optgroup>

<optgroup label="Группа 2">
<option value="4">Элемент 4</option>
<option value="5">Элемент 5</option>
<option value="6">Элемент 6</option>
</optgroup>
</select>

Вот таким простым способом можно выделить в отдельную группу несколько вариантов в выпадающем списке. Разумеется, если применить CSS, то можно каждую из групп ещё как-нибудь по-своему разукрасить, это ещё больше будет отделять группы друг от друга.