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

Custom Range Step Values تحديد مقدار القفزة الرقمية

نسّق أشرطة السحب الرقمية الموحدة عبر المتصفحات في بوتستراب 5 بكلاس form-range، واضبط الحدود الصغرى والكبرى ومقدار القفزة وحالة التعطيل والربط اللحظي.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

يتحرك المقبض افتراضياً بمقدار قفزة تساوي واحداً صحيحاً step="1" في كل خطوة. إذا أردت السماح بقيم كسرية ناعمة مثل التقييم بنصف نجمة فاستخدم step="0.5"، أو لقفزات عشرية كبيرة في التسعير استخدم step="50"، كما تتيح القيمة step="any" تحريكاً متصلاً حر الكسور دون تقييد بنقاط توقف متقطعة.

الصف 2 كود برمجي
HTML
<label for="zoom" class="form-label">
  Zoom Scale (0.5x to 3x, step 0.5)
</label>
<input type="range" class="form-range" id="zoom"
       min="0.5" max="3" step="0.5" value="1.5">
الصف 3 ملاحظة هامة