Bootstrap 5 FormsLesson 37Preview gratis
BS5 Range
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Input range atau penggeser diberi gaya Bootstrap dengan kelas .form-range, menghasilkan slider dengan bulatan penunjuk yang menarik. Nilai minimum, maksimum, dan langkah diatur lewat atribut min, max, dan step. Slider ini sering dipakai untuk filter harga atau pengatur volume.
Poin kunci
- .form-range menghias <input type="range">.
- min menentukan nilai terendah, max nilai tertinggi, step jarak pergeseran.
- value menentukan posisi awal slider.
- Label tetap memakai .form-label untuk keterbacaan.
- Slider berfungsi bawaan di browser tanpa JavaScript tambahan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.