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

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

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

<input type="radio" value="male" name="sex"> ชาย
<br/>
<input type="radio" value="female" name="sex"> หญิง

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

2. กำหนดชื่อตัวแปรด้วยคำสั่ง name ปกติ Radio Button จะกำหนดชื่อ name เดียวกัน เพื่อให้สามารถเลือกได้เพียงแค่ 1 ข้อมูล

3. กำหนดค่า Radio Button ด้วยคำสั่ง value สำหรับเวลาผู้ใช้งานเลือก

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