محدوده
از ورودیهای محدوده سفارشی ما برای استایل متقابل مرورگر و سفارشیسازی داخلی استفاده کنید.
محدوده در بوت استرپبررسی اجمالی
input type="range"
ایجاد کنترل های سفارشی .form-range
با آهنگ (پس زمینه) و انگشت شست (مقدار) هر دو به گونه ای طراحی شده اند که در مرورگرها یکسان ظاهر شوند. از آنجایی که فقط فایرفاکس از "پر کردن" مسیر خود از سمت چپ یا راست انگشت شست به عنوان وسیله ای برای نشان دادن بصری پیشرفت پشتیبانی می کند، ما در حال حاضر از آن پشتیبانی نمی کنیم.
<label class="form-label" for="customRange1">Example range</label><input class="form-range" id="customRange1" type="range" />
حداقل و حداکثر
ورودی های محدوده دارای مقادیر ضمنی برای min
و max
— 0
و 100
هستند. شما می توانید مقادیر جدیدی را برای کسانی که از ویژگی های min
and استفاده می کنند تعیین کنید max
.
<label class="form-label" for="customRange2">Example range</label><input class="form-range" id="customRange2" type="range" min="0" max="5" />
مراحل
به طور پیش فرض، محدوده ورودی "snap" را به مقادیر صحیح وارد می کند. برای تغییر این می توانید step
مقداری را مشخص کنید. در مثال زیر تعداد مراحل را با استفاده از 2 برابر می کنیم step="0.5"
.
<label class="form-label" for="customRange3">Example range</label><input class="form-range" id="customRange3" type="range" min="0" max="5" step="0.5" />