บทเรียนออนไลน์ การเขียนเว็บไซต์ด้วยภาษา HTML : ครูนุ่ม พิชชยานาฏ รีรักษ์ :

7.4 การสร้างช่องรับข้อมูลชนิด Check Box


จุดประสงค์  

1.สามารถใช้คำสั่งการสร้าง Form ได้ถูกต้อง
2. สามารถใช้คำสั่ง Form เพื่อการสร้างช่องรับข้อมูลประเภท Check Box


การสร้างช่องรับข้อมูลชนิด Check Box

Check box เป็นการรับข้อมูลจากการให้คลิกเลือกข้อมูลที่กำหนดมาให้ โดยสามารถเลือกได้มากกว่าหนึ่งหัวข้อ check box จะนิยมนำมาใช้กับการรับข้อมูลชนิดที่สามารถเลือกได้หลายข้อ เช่น เลือกโปรแกรมที่นักเรียนต้องการเรียน อาหารที่ชอบ วิชาที่ชอบเรียนมากที่สุด เป็นต้น

รูปแบบคำสั่ง HTML ในการสร้างช่องรับข้อมูลชนิด Check Box

<INPUT TYPE  ="checkbox" NAME="ชื่อของ checkbox" VALUE="ค่าเริ่มต้นของ checkbox">


ตัวอย่าง

การสร้าง Form เพื่อรับข้อมูลชนิด Check Box
<HTML>
<HEAD><TITLE>การสร้าง Form</TITLE></HEAD>
<BODY>
<H3>การสร้างช่องรับข้อมูลแบบ Check Box </H3>
<FORM NAME="INPUT”>กีฬาที่คุณชอบเล่นมากที่สุด (เลือกได้มากกว่า 1) : <p>
<input type ="checkbox" name="sport" value="1">บาสเกตบอล<br>
<input type ="checkbox" name="sport" value="2">วอลเล่บอล<br>
<input type ="checkbox" name="sport" value="3">แฮนด์บอล<br>
<input type ="checkbox" name="sport" value="4">ฟุตบอล<br>
<input type ="checkbox" name="sport" value="5">ว่ายน้ำ<br>
<input type ="checkbox" name="sport" value="6">วิ่ง<br>
<input type ="checkbox" name="sport" value="7">แบดมินตัน<br>
<input type ="checkbox" name="sport" value="8">กอล์ฟ<br>
</FORM>
</BODY>
</HTML>

ผลลัพธ์ที่ได้