English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تقوم علامة HTML <optgroup> بإنشاء مجموعة من الخيارات في قائمة المنسدلة لـ <select> عنصر التحكم. تعريف هذه القيم المنسدلة من خلال علامات <option>، وتقسيمها باستخدام علامة <optgroup>. سيتم عرض قيمة <optgroup> كعنوان رمادي لفئة المجموعة في قائمة التحكم المنسدلة. هذه العلامة تُعرف أيضًا بعنصر <optgroup>.
جمع الخيارات ذات الصلة باستخدام علامة <optgroup>:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة HTML optgroup (دليل أساسي على oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">تعليمات: </label> <select id="tutorial_choice"> <optgroup label="Web"> <option value="html">HTML</option> <option value="css">CSS</option> </optgroup> <optgroup label="Database"> <option value="sql">SQL</option> <option value="oracle">Oracle</option> </optgroup> </select> </body> </html>التحقق من هذا <‹/›>
في هذا مثال على مستند HTML5، استخدمنا علامة <optgroup> لإنشاء مجموعتين من الخيارات في القائمة المنسدلة. عنوان المجموعة الأولى هو Web ويشمل قيمين منسدلة-HTML وCSS. عنوان المجموعة الثانية هو "قاعدة البيانات" ويشمل قيمين منسدلة-SQL وOracle.
IEFirefoxOperaChromeSafari
يدعم معظم المتصفحات الشائعة العلامة <optgroup>.
تقوم العلامة <optgroup> بتجميع مجموعة العلامات <option> في مجموعة تحتوي على عنوان المجموعة.
سيتم عرض قيمة label <optgroup> كعنوان رمادي. سيتم عرض جميع العناصر المجمعة كقائمة مرتبطة مدمجة تحت العنوان.
بافتراض النظام، سيتم عرض الخيار الأول في العلامة <select> كخيار مختار. يمكن للمستخدم اختيار خيار آخر من القائمة المنسدلة.
إذا كان لديك العديد من مجموعات الخيارات، يمكنك استخدام العلامة <optgroup> بسهولة لجمع الخيارات ذات الصلة معًا.
| خصائص | القيمة | الوصف |
|---|---|---|
| disabled | disabled | تحديد تعطيل المجموعة من الخيارات. |
| label | text | تحديد وصف المجموعة من الخيارات. |
دعم العلامة <optgroup> لخصائص العالمية، راجع جدول الخصائص الكامل خصائص العالمية لHTML.
دعم العلامة <optgroup> لجميع خصائص أحداث HTML.