:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบก่อนเรียน
แบบฟอร์มป้อนข้อมูล
การสร้างฟอร์มชนิด Text Box
 การสร้างฟอร์มชนิด password
 การสร้างฟอร์มชนิด Check Box
 การสร้างฟอร์มชนิด Radio Button
 การสร้างฟอร์มชนิดแนบ File
 การสร้างฟอร์มชนิด Text Area
 การสร้างฟอร์มชนิด Selection Box
 การสร้างปุ่มชนิด reset และ submit
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 9 การสร้างฟอร์ม
การสร้างฟอร์มชนิด Radio Button


การสร้างช่องรับข้อมูลชนิด Radio Button เป็นการรับข้อมูลจากหัวข้อที่กำหนดมาให้ โดยสามารถเลือกได้เพียงหัวข้อเดียวเท่านั้น จะใช้ข้อมูลประเภทให้เลือก เพศ  ช่วงอายุ วุฒิการศึกษาสูงสุด  เงินเดือน อาชีพ เป็นต้น

Tag
ชื่อแท็ก input
ตำแหน่งแท็ก อยู่ภายในแท็ก <form>...</form> 
รูปแบบการใช้แท็ก <input type="value" name="ชื่อช่องกรอกข้อมูล">
แอตทริบิวต์ type  ชนิดของการรับข้อมูล
ค่า value radio  ตัวเลือกแบบเลือกได้ 1 ตัวเลือก


ตัวอย่างการใช้งาน
<body>
<form name="input">
<b>วุฒิการศึกษาสูงสุด ?</b> <br>
<input type ="radio" name="degree" value="1">ม.ปลาย<br>
<input type ="radio" name="degree" value="2">ป.ตรี<br>
<input type ="radio" name="degree" value="3">ป.โท<br>
<input type ="radio" name="degree" value="4">ป.เอก<br>
</form>
</body>

การแสดงผล

วุฒิการศึกษาสูงสุด ?
ม.ปลาย
ป.ตรี
ป.โท
ป.เอก

วีดีโอ