الفرق بين المراجعتين لصفحة: «HTML/optgroup»

من موسوعة حسوب
لا ملخص تعديل
 
ط تغيير ترتيب التصنيفات
سطر 65: سطر 65:
*مواصفة [http://www.w3.org/TR/html5/forms.html#the-optgroup-element HTML5].
*مواصفة [http://www.w3.org/TR/html5/forms.html#the-optgroup-element HTML5].
*مواصفة [http://www.w3.org/TR/html401/interact/forms.html#h-17.6 HTML 4.01].
*مواصفة [http://www.w3.org/TR/html401/interact/forms.html#h-17.6 HTML 4.01].
[[تصنيف:Forms]]
[[تصنيف:HTML]]
[[تصنيف:HTML]]
[[تصنيف:HTML Elements]]
[[تصنيف:HTML Elements]]
[[تصنيف:Forms]]

مراجعة 09:22، 27 يناير 2018

يُنشِئ العنصر <optgroup> مجموعةً من الخيارات ضمن العنصر <select>.

مثال بسيط عن استخدام العنصر <optgroup> لثلاث مرات ضمن عنصر <select> أحدها مع الخاصية disabled:

<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup> 
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>
تصنيفات المحتوى لا يوجد.
المحتوى المسموح العنصر <option> صفر مرة أو أكثر؛ لكن لا يجوز أن يحتوي على عنصر <optgroup> آخر.
الوسم المختصر وسم البداية إجباري، أما وسم النهاية اختياري إن كان العنصر متبوعًا مباشرةً بعنصر <optgroup> آخر، أو لم يكن يحتوي العنصر الأب على أيّ محتوى آخر.
العناصر الأب العنصر <select>.
واجهة DOM HTMLOptGroupElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

disabled

إذا ضُبِطَت هذه القيمة المنطقية (Boolean) فلن يستطيع المستخدم اختيار أيّ خيار في المجموعة، وتعرض المتصفحات هذه الخيارات عادةً بلونٍ فضي ولن تستقبل الأحداث مثل النقرات أو التركيز.

label

اسم مجموعة الخيارات، والتي يمكن أن يستخدمها المتصفح لإظهار اسم لمجموعة الخيارات في واجهة المستخدم.

يجدر بالذكر أنَّ هذه الخاصية إجبارية.

مصادر ومواصفات