ضبط الحدود الصغرى والكبرى | شريط النطاق الرقمي في بوتستراب 5

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

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

يمتد أي حقل نطاق رقمي افتراضياً من القيمة الصغرى min="0" إلى القيمة الكبرى max="100"، ويستقر المقبض في المنتصف تماماً عند 50 ما لم تحدد سمة value ابتدائية صريحة.

يمكنك تخصيص هذا المجال لأي أعداد صحيحة أو عشرية تناسب منطق تطبيقك، مثل حصر عدد عُقد الخادم بين عقدة واحدة واثنتي عشرة عقدة عبر ضبط min="1" وmax="12".

الصف 2 صورة توضيحية

مخطط يوضح تشريح شريط السحب form-range وسمات الحدود والقفزة والربط الفوري مع عنصر output

الصف 3 كود برمجي

HTML

<label for="nodes" class="form-label">
  Cluster Nodes (1 to 8)
</label>
<input type="range" class="form-range" id="nodes"
       min="1" max="8" value="3">

جرّب بنفسك

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

Range Min and Max Bounds ضبط الحدود الصغرى والكبرى

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

جميع فقرات هذا الدرس (شريط النطاق الرقمي في بوتستراب 5)