แถบเลื่อน HTML ด้วย Bootstrap range

แถบเลื่อน HTML ด้วย Bootstrap range บทความนี้สอนใช้ input type range ซึ่งจะสร้าง input ชนิดแถบเลื่อนแนวนอนสำหรับให้ผู้ใช้งานเลื่อนระดับตามที่ต้องการ แสดงผลผ่านเว็บไซต์ HTML มีรายละเอียดขั้นตอนดังนี้

ตัวอย่าง แถบเลื่อน HTML ด้วย Bootstrap range

<label class="form-label">แถบเลื่อน HTML</label>
<input type="range" class="form-range" min="0" max="100" step="1">

แถบเลื่อน HTML จากตัวอย่างใช้คำสั่ง input type="range" สำหรับสร้างแถบเลื่อน พร้อม class="form-range" กำหนดค่าน้อยสุดที่ min ค่ามากสุดที่ max และระดับการเลื่อนแต่ละครั้งที่ step