Basic HTML and HTML5:Create a Set of Checkboxes
แบบฟอร์มโดยทั่วไปจะใช้ checkboxes
สำหรับคำถามที่อาจจะมีมากกว่า 1 คำตอบ
กล่องเช็ค หรือ Checkboxes ก็เป็น input
ชนิดหนึ่ง
กล่องเช็คแต่ละอันสามารถปกป้องภายใน label
element ของตัวเอง. การห่อหุ้ม input
element จะทำงานร่วมกันกับกล่องเช็ครับข้อมูล label
element โดยอัตโนมัติ โดยการมีส่วนประกอบ label ล้อมรอบไว้
กล่องเช็คที่เกี่ยวข้องทั้งหมดควรจะมีคุณลักษณะของ name
attribute.
เดียวกัน เพื่อสร้างเป็นกลุ่มกล่องเช็ค กล่องเช็คนี้ถูกคิดว่าเป็นวิธีที่ดีที่สุดที่จะชี้ความสัมพันธ์ระหว่างกล่องเช็ค input
และ label
ตอบสนองได้อย่างชัดเจน โดบการตั้งคุณลักษณะ for
attribute บนlabel
element พื่อจับคู่คุณลักษณะ id
attribute สำหรับการทำงานร่วมกันของ input
element.
ตัวอย่างของกล่องเช็ค:
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
เพิ่มกล่องเช็ค 3 กล่องไว้ในแบบฟอร์มของคุณ กล่องเช็คแต่ละกล่องควรจะปกป้องไว้ภายใน label
element ของตัวเอง โดยที่ทั้ง 3 อันจะมีคุณลักษณะของ name
attribute ของ personality
เดียวกัน