HTML optgroup Tag
HTML optgroup Tag – يحدد الوسم <optgroup> مجموعة من الخيارات داخل الوسم <select> (قائمة منسدلة drop-down list).
HTML optgroup Tag
مثال للتوضيح
تجميع مجموعة من الخيارات بإستخدام الوسم <optgroup>:
<label for="film">Favorite Film: </label>
<select name="film" id="film">
<optgroup label="Action">
<option>Action film 1</option>
<option>Action film 2</option>
<option>Action film 3</option>
</optgroup>
<optgroup label="Comic">
<option>Comic film 1</option>
<option>Comic film 2</option>
<option>Comic film 3</option>
</optgroup>
</select>
إذا كان لديك قائمة طويلة من الخيارات يٌفضل إستخدام الوسم <optgroup> لتسهيل الإستخدام لدى المستخدم.
السمات المحددة – Specific Attributes
السمات الخاصة للوسم <optgroup>:
| السمة | القيمة | الوصف |
|---|---|---|
| disabled | disabled | يحدِّد أنه يجب تعطيل مجموعة الخيارات. |
| label | text | يحدد تسمية لمجموعة الخيارات. |
السمات العامة – Global Attributes
الوسم <optgroup> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
كما يدعم الوسم <optgroup> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <optgroup> Tag
الوسوم المتعلقة: <legend> – <label> – <select> – <datalist> – <option> – <fieldset> – <textarea> – <form>.
دعم المتصفحات
![]() | ![]() | ![]() | ![]() | ![]() |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!




