HTML เลือกเพศ ด้วย input type radio

HTML เลือกเพศ ด้วย input type radio บทความนี้สอนสร้าง RadioButton สำหรับให้ผู้ใช้งานเลือกเพศ โดยเลือกได้เพียง 1 ข้อมูลเท่านั้น ผ่านแท็ก input กำหนด type เท่ากับ radio สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML เลือกเพศ ด้วย input type radio

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

HTML เลือกเพศ จากตัวอย่างสร้าง input type radio 2 อัน ประกอบด้วย เพศชาย และเพศหญิง กำหนด name = sex เหมือนกันทั้งคู่ เพื่อให้สามารถเลือกได้เพียง 1 ข้อเท่านั้น และไปกำหนด value ที่แตกต่างกัน เพื่อเวลาส่งข้อมูลจะได้ทราบว่าผู้ใช้งานเลือกเพศใด