การสร้างส่วนรับข้อมูลแบบ Checkbox HTML

สอนการสร้างส่วนรับข้อมูลแบบ Checkbox ของภาษา HTML ผ่านแท็ก input กำหนดค่า attribute type เท่ากับ checkbox โดย Checkbox จะรับค่าการติ๊กเลือกข้อมูลจากผู้ใช้งาน สามารถติ๊กเลือกได้มากกว่า 1 รายละเอียดการเขียนโปรแกรมมีดังนี้

ตัวอย่าง การสร้างส่วนรับข้อมูลแบบ Checkbox HTML

<input type="checkbox" value="php" name="language[]"> PHP
<br/>
<input type="checkbox" value="html" name="language[]"> HTML
<br/>
<input type="checkbox" value="css" name="language[]"> CSS

คำอธิบาย 

1. สร้าง Checkbox ด้วยแท็ก input กำหนด attribute type เท่ากับ checkbox

2. ใส่ค่าเวลาผู้ใช้งานติ๊กเลือก และนำไปแสดงผลผ่านคำสั่ง value

3. ใส่ชื่อตัวแปรผ่านคำสั่ง name โดยปกติกลุ่มของ Checkbox เดียวกันจะกำหนดชื่อตัวแปรเดียวกันแบบ Array เช่น language[] คือ ตัวแปรชื่อ language เป็น Array

4. สามารถใส่ข้อความไว้ด้านหน้า หรือด้านหลัง Checkbox ก็ได้แล้วแต่การออกแบบฟอร์ม