انتقل إلى محتوى الدرس

Disabled Select Controls تعطيل قوائم وخيارات التحديد

نسّق قوائم الاختيار المنسدلة عبر المتصفحات في بوتستراب 5 باستخدام كلاس form-select وأحجامه المختلفة، وفعّل الاختيار المتعدد وحالات التعطيل والتسميات الدلالية المتاحة.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكنك تطبيق السمة disabled على مستويين مختلفين حسب حاجة الواجهة: إما وضعها على وسم <select> الأب لتعطيل القائمة بالكامل ومنحها خلفية رمادية غير قابلة للنقر، وإما وضعها على وسم <option selected disabled value=""> الأول لصنع خيار ترحيبي إرشادي («اختر الدولة...») يراه المستخدم في البداية لكنه لا يستطيع إعادة اختياره كقيمة فعلية.

قارن الحالات الأربع مباشرة في المختبر التفاعلي التالي:

الصف 2 معاينة حية
الصف 3 ملاحظة هامة