<optgroup>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
* Some parts of this feature may have varying levels of support.
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <optgroup> позволÑÐµÑ Ð³ÑÑппиÑоваÑÑ Ð¾Ð¿Ñии, наÑ
одÑÑиеÑÑ Ð²Ð½ÑÑÑи ÑлеменÑа <select>.
| ÐаÑегоÑии конÑенÑа | ÐÐµÑ |
|---|---|
| ÐопÑÑÑимÑй конÑÐµÐ½Ñ | ÐÐ¾Ð»Ñ Ð¸Ð»Ð¸ более <option> ÑлеменÑов. |
| ÐÑопÑÑк Ñегов | ÐÑкÑÑваÑÑий Ñег обÑзаÑелен. ÐакÑÑваÑÑий Ñег Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¾Ð¿ÑÑен, еÑли ÑÑÐ°Ð·Ñ Ð¿Ð¾Ñле ÑлеменÑа наÑ
одиÑÑÑ ÑледÑÑÑий ÑÐ»ÐµÐ¼ÐµÐ½Ñ <optgroup>, или еÑли ÑÑо поÑледний ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð²Ð½ÑÑÑи ÑодиÑелÑ. |
| ÐопÑÑÑимÑе ÑодиÑели | ÐÐ»ÐµÐ¼ÐµÐ½Ñ <select> |
| ÐопÑÑÑимÑе ARIA-Ñоли | ÐÐµÑ |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLOptGroupElement |
ÐÑимеÑание: ÐлеменÑÑ optgroup не могÑÑ Ð±ÑÑÑ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð½Ñми дÑÑг в дÑÑга.
ÐÑÑибÑÑÑ
ÐÐ»ÐµÐ¼ÐµÐ½Ñ <optgroup> допÑÑÐºÐ°ÐµÑ Ð¸ÑполÑзование глобалÑнÑÑ
аÑÑибÑÑов.
disabled-
ÐÑли ÑÑÑановиÑÑ ÑÑÐ¾Ñ Ð°ÑÑибÑÑ, опÑии, Ð½Ð°Ñ Ð¾Ð´ÑÑиеÑÑ Ð²Ð½ÑÑÑи ÑлеменÑа ÑÑанÑÑ Ð½ÐµÐ´Ð¾ÑÑÑпнÑми Ð´Ð»Ñ Ð²ÑбоÑа. ЧаÑÑо бÑаÑзеÑÑ Ð¾ÑобÑажаÑÑ ÑÑи опÑии ÑеÑÑм ÑвеÑом и игноÑиÑÑÑÑ ÑÑабаÑÑваÑÑие на Ð½Ð¸Ñ ÑобÑÑиÑ, Ñакие как ÑобÑÑÐ¸Ñ Ð¼ÑÑи или ÑобÑÑÐ¸Ñ Ð¿Ð¾Ð»ÑÑÐµÐ½Ð¸Ñ ÑокÑÑа.
label-
ÐÐ¼Ñ Ð³ÑÑппÑ, коÑоÑое бÑÐ´ÐµÑ Ð¾ÑобÑажено бÑаÑзеÑом в вÑпадаÑÑем ÑпиÑке. ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð¾Ð±ÑзаÑелен.
ÐÑимеÑ
<select>
<optgroup label="ÐÑÑппа 1">
<option>ÐпÑÐ¸Ñ 1.1</option>
</optgroup>
<optgroup label="ÐÑÑппа 2">
<option>ÐпÑÐ¸Ñ 2.1</option>
<option>ÐпÑÐ¸Ñ 2.2</option>
</optgroup>
<optgroup label="ÐÑÑппа 3" disabled>
<option>ÐпÑÐ¸Ñ 3.1</option>
<option>ÐпÑÐ¸Ñ 3.2</option>
<option>ÐпÑÐ¸Ñ 3.3</option>
</optgroup>
</select>
РезÑлÑÑаÑ
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # the-optgroup-element |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- ÐлеменÑÑ, имеÑÑие оÑноÑение к ÑоÑмам:
<form>,<legend>,<label>,<button>,<select>,<datalist>,<option>,<fieldset>,<textarea>,<input>,<output>,<progress>и<meter>.