input type=radio คืออะไร ใช้ทำอะไร HTML

input type=radio คือแท็ก HTML สำหรับสร้างตัวเลือกแบบติ๊กเลือกข้อมูล โดย input radio มักจะเลือกได้เพียงตัวเลือกเดียวจากกลุ่มตัวเลือกทั้งหมด เช่น เพศ ชาย หรือ หญิง ซึ่งเลือกได้เพียง 1 ข้อมูล สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง input type=radio คืออะไร ใช้ทำอะไร HTML

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

จากตัวอย่างสร้าง RadioButton ด้วย input type="radio" มีทั้งหมด 2 อันสำหรับ ชาย 1 อัน และหญิง 1 อัน พร้อมกำหนด attribute ที่สำคัญดังนี้

1. name คือชื่อตัวแปร กรณีต้องการให้ input radio เลือกได้เพียงอันเดียวจากทั้งหมด ให้ใส่ name เป็นชื่อเดียว

2. value คือค่าข้อมูล ใช้สำหรับแยกได้ว่าผู้ใช้งานเลือก input radio อันไหน