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

Checks Without Text Labels خيارات التحديد بدون نص ظاهر

صمّم مربعات الاختيار وأزرار الراديو والحالة الوسطى والمفاتيح المنزلقة والمحاذاة العكسية وأزرار التبديل المعتمدة على CSS في بوتستراب 5.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

عند وضع مربع اختيار أو زر راديو بمفرده داخل خلية جدول لتحديد الصف دون أي نص بجانبه، استغنِ عن الحاوية الأب .form-check وضع <input class="form-check-input"> مباشرة حتى لا تنشأ هوامش جانبية فارغة تخل بمحاذاة الخلية. وفي هذه الحالة يصبح تزويد الحقل بسمة aria-label إلزامياً لتعريف قارئات الشاشة بالغرض من المربع.

تفاعل مع الأنماط الأربعة للمربعات والمفاتيح وأزرار التبديل في المحاكي الحي التالي:

الصف 2 معاينة حية