علامة <optgroup > HTML


مثال

تجميع الخيارات ذات الصلة بعلامات <optgroup>:

<label for="cars">Choose a car:</label>
<select  name="cars" id="cars">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

التعريف والاستخدام

تُستخدم <optgroup>العلامة لتجميع الخيارات ذات الصلة في عنصر <select> (قائمة منسدلة).

إذا كانت لديك قائمة طويلة من الخيارات ، فسيكون من السهل على المستخدم التعامل مع مجموعات من الخيارات ذات الصلة.


دعم المتصفح

Element
<optgroup> Yes Yes Yes Yes Yes

صفات

Attribute Value Description
disabled disabled Specifies that an option-group should be disabled
label text Specifies a label for an option-group

السمات العالمية

تدعم <optgroup>العلامة أيضًا السمات العامة في HTML .


سمات الحدث

تدعم <optgroup>العلامة أيضًا سمات الحدث في HTML .


الصفحات ذات الصلة

مرجع DOM HTML: كائن OptionGroup


إعدادات CSS الافتراضية

لا أحد.