Bootstrap 5 النطاق

نطاق مخصص

لإعداد نمط قائمة النطاق، يرجى وضع .form-range أضف الصنف إلى العنصر المحدد بـ type="range" من المدخلات:

نطاق مخصص:

مثال

<label for="customRange" class="form-label">نطاق مخصص</label>
<input type="range" class="form-range" id="customRange">

تجربة شخصية

الخطوة

بالافتراض، الفجوة بين القيم في النطاق هي 1. يمكنك استخدام step تغيير الخاصية:

مثال

<input type="range" class="form-range" step="10">

تجربة شخصية

القيمة الأدنى والقيمة الأعلى

بالافتراض، القيمة الأدنى هي 0 والقيمة الأعلى هي 100. يمكنك استخدام min و/أو max تغيير الخاصية:

مثال

<input type="range" class="form-range" min="0" max="4">

تجربة شخصية