نسّق أشرطة السحب الرقمية الموحدة عبر المتصفحات في بوتستراب 5 بكلاس form-range، واضبط الحدود الصغرى والكبرى ومقدار القفزة وحالة التعطيل والربط اللحظي.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
عندما يكون خيار السعة أو الدقة مقفلاً لحساب مجاني، أضف السمة المنطقية disabled إلى عنصر <input type="range" class="form-range">. يغيّر بوتستراب لون مقبض الدائرة تلقائياً من الأزرق النشط إلى الرمادي المحايد، ويمنع سحبه بالفأرة أو اللمس أو لوحة المفاتيح مع استبعاد قيمته عند إرسال النموذج.
اختبر السحب الحي والقفزات وحالة التعطيل في المحاكي التفاعلي التالي:
الصف 2
معاينة حية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (شريط النطاق الرقمي في بوتستراب 5)
