ปุ่ม เปิด ปิด HTML ด้วย Switches Bootstrap

ปุ่ม เปิด ปิด HTML ด้วย Switches Bootstrap บทความนี้สอนสร้างปุ่ม เปิด ปิด ด้วย Bootstrap Framework ลักษณะคล้ายกับปุ่มสวิตช์เปิด ปิด โดยถูกพัฒนามาจาก input type checkbox ของ HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง วิธีติดตั้ง Bootstrap Framework

ตัวอย่าง ปุ่ม เปิด ปิด HTML ด้วย Switches Bootstrap

<div class="form-check form-switch form-switch-sm">
  <input class="form-check-input" type="checkbox" id="label">
  <label class="form-check-label" for="label"> เปิด ปิดข้อมูล</label>
</div>

ปุ่ม เปิด ปิด HTML ด้วย Switches Bootstrap เริ่มต้นด้วยการติดตั้ง Bootstrap Framework ผ่าน CDN ของ jsdelivr จากนั้นสร้างปุ่ม เปิด ปิดแบบสวิตช์ ด้วย input type checkbox กำหนด class เท่ากับ form-check-input และคลุมด้วย div ที่กำหนด class เป็น form-check และ form-switch