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

Toggle Switch Controls المفاتيح المنزلقة form-switch

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

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

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

عند بناء لوحات إعدادات الحسابات (مثل تفعيل الإشعارات الفورية أو المصادقة الثنائية)، يمنح المفتاح المنزلق انطباعاً أوضح بالتفعيل الفوري من مربع الاختيار التقليدي. يحوّل Bootstrap 5 أي مربع اختيار عادي إلى مفتاح منزلق أنيق بمجرد إضافة الكلاس .form-switch إلى جانب .form-check على العنصر الأب.

ولتعزيز دلالة الإتاحة لقارئات الشاشة الحديثة، أضف السمة role="switch" إلى عنصر <input type="checkbox"> ليُعلن عنه كمفتاح تشغيل وإيقاف بدلاً من مربع تحديد عادي.

الصف 2 ملاحظة هامة