ช่องทำเครื่องหมาย checkbox

ช่องทำเครื่องหมาย checkbox เป็น องค์ประกอบ (เครื่องหมายถูกหรือกากบาท) ของ แบบฟอร์ม HTML ที่สามารถมีได้สองสถานะ: ถูกเลือก และไม่ถูกเลือก

ช่องทำเครื่องหมายถูกสร้างขึ้นโดยใช้แท็ก input พร้อมแอตทริบิวต์ type ที่มีค่าเป็น checkbox รูปลักษณ์ของช่องทำเครื่องหมาย:

ช่องทำเครื่องหมายที่ถูกเลือกจะส่งไปยังเซิร์ฟเวอร์ เป็นเนื้อหาของแอตทริบิวต์ value หากช่องทำเครื่องหมายไม่มีแอตทริบิวต์ value - มันจะส่งสตริง "on" หากช่องทำเครื่องหมาย ไม่ถูกเลือก - จะไม่มีอะไรถูกส่งไป ยังเซิร์ฟเวอร์ โดยไม่ขึ้นกับว่ามีแอตทริบิวต์ value หรือไม่

ตัวอย่าง

มาสร้างช่องทำเครื่องหมาย checkbox สองช่องกัน: ให้ ช่องแรกถูกเลือก (เนื่องจากกำหนดแอตทริบิวต์ checked ให้) และช่องที่สอง - ไม่ถูกเลือก:

<input type="checkbox" checked> <input type="checkbox">

ตัวอย่าง . ช่องทำเครื่องหมายที่ถูกปิดใช้งาน

มาดูช่องทำเครื่องหมายที่ถูกปิดใช้งานด้วย แอตทริบิวต์ disabled เมื่อคลิกที่มัน สถานะของมัน จะไม่เปลี่ยนแปลง:

<input type="checkbox" disabled>

ตัวอย่าง . ช่องทำเครื่องหมายที่ถูกปิดใช้งานและถูกเลือก

และตอนนี้มาปิดใช้งานช่องทำเครื่องหมาย โดยอยู่ในสถานะที่ถูกเลือก ด้วยแอตทริบิวต์ disabled และกำหนด แอตทริบิวต์ checked ให้:

<input type="checkbox" disabled checked>

ดูเพิ่มเติม

ปุ่มตัวเลือกวิทยุ,
ซึ่งสามารถใช้ทำการเลือกได้
แอตทริบิวต์ checked,
ซึ่งทำให้ช่องทำเครื่องหมาย checkbox ถูกเลือก
ซูโดคลาส checked,
ซึ่งกำหนดสไตล์สำหรับช่องทำเครื่องหมายที่ถูกเลือก
แอตทริบิวต์ disabled,
ซึ่งปิดการใช้งานองค์ประกอบของแบบฟอร์ม
แท็ก label,
ซึ่งกำหนดคำอธิบายสำหรับช่องทำเครื่องหมาย