Devdit
 

ปุ่ม radio button HTML คืออะไร สร้างยังไง

1.8K

ปุ่ม radio button HTML คือปุ่มเลือกข้อมูลมีลักษณะเป็นวงกลมให้ผู้ใช้งานเลือก ปกติปุ่ม radio button จะเลือกได้เพียง 1 อันจากกลุ่มข้อมูลทั้งหมด เช่น เพศ ซึ่งผู้ใช้งานสามารถเลือกได้ข้อเดียว สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง ปุ่ม radio button HTML คืออะไร สร้างยังไง

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

คำอธิบาย

ปุ่ม radio button HTML จากตัวอย่างสร้างโดยใช้แท็ก input กำหนด type เท่ากับ radio กรณีถ้าต้องการให้เลือก radio ได้เพียงอันเดียวจากทั้งหมดให้กำหนด name เป็นชื่อเดียวกัน และกำหนด value เป็นคนละค่าเพื่อใช้สำหรับแยกได้ว่าผู้ใช้งานเลือก radio button ของ HTML อันไหน

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ