HTML <input type="radio">
❮ HTML <input> ประเภทแอตทริบิวต์
ตัวอย่าง
ปุ่มตัวเลือกให้ผู้ใช้เลือกได้เพียงตัวเลือกเดียวเท่านั้น:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
ความหมายและการใช้งาน
<input type="radio">
กำหนดปุ่มตัวเลือก
โดยปกติปุ่มตัวเลือกจะแสดงในกลุ่มวิทยุ (ชุดของปุ่มตัวเลือกที่อธิบายชุดของตัวเลือกที่เกี่ยวข้อง) สามารถเลือกปุ่มตัวเลือกได้เพียงปุ่มเดียวในกลุ่มพร้อมกัน
หมายเหตุ:กลุ่มวิทยุต้องมีชื่อเดียวกัน (ค่าของname
แอตทริบิวต์) จึงจะถือว่าเป็นกลุ่ม เมื่อสร้างกลุ่มวิทยุแล้ว การเลือกปุ่มตัวเลือกในกลุ่มนั้นจะยกเลิกการเลือกปุ่มตัวเลือกอื่นๆ ในกลุ่มเดียวกันโดยอัตโนมัติ คุณสามารถมีกลุ่มวิทยุบนเพจได้มากเท่าที่คุณต้องการ ตราบใดที่แต่ละกลุ่มมีชื่อของตัวเอง
หมายเหตุ:แอตทริบิวต์value
กำหนดค่าเฉพาะที่เกี่ยวข้องกับปุ่มตัวเลือกแต่ละปุ่ม ค่าจะไม่แสดงให้ผู้ใช้เห็น แต่เป็นค่าที่ส่งไปยังเซิร์ฟเวอร์เมื่อ "ส่ง" เพื่อระบุว่าปุ่มตัวเลือกใดที่เลือกไว้
เคล็ดลับ:เพิ่ม<label>
แท็กสำหรับแนวทางปฏิบัติด้านการเข้าถึงที่ดีที่สุดเสมอ!
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<input type="radio">
❮ HTML <input> ประเภทแอตทริบิวต์