ปุ่มตัวเลือก HTML คืออะไร

ในเอกสาร HyperText Markup Language (HTML) ปุ่มตัวเลือกเป็นองค์ประกอบภาพที่ผู้ใช้สามารถเลือกได้ ปุ่มตัวเลือก HTML นั้นไม่เหมือนใครเพราะพวกเขามีตัวเลือกหลายตัวเลือกให้ผู้ใช้สามารถเลือกหนึ่งในตัวเลือกที่กำหนดในแต่ละครั้ง หนึ่งในการใช้งานทั่วไปสำหรับปุ่มตัวเลือก HTML คือการจับภาพตัวเลือกในแบบฟอร์มการป้อนข้อมูลของผู้ใช้แม้ว่าพวกเขายังสามารถมีการเลือกและการยกเลิกการเลือกเหตุการณ์ที่ถูกขัดขวางโดยสคริปต์หรือโปรแกรมอื่น ๆ ทำให้พวกเขาทำหน้าที่เป็นตัวเลือกด่วน หน้าเว็บ ผ่านการใช้ cascading style sheets (CSS) และJavaScript®ปุ่มตัวเลือก HTML สามารถใช้รูปภาพที่กำหนดเองสำหรับการแสดงผลแทนที่ลักษณะที่ปรากฏเริ่มต้น ตัวอย่างของสถานการณ์ที่สามารถใช้ปุ่มตัวเลือก HTML ได้รวมถึงการเลือกเพศซึ่งสามารถมีได้หนึ่งค่าจากสองตัวเลือกที่แตกต่างกันหรือเลือกที่อยู่จัดส่งเดียวเมื่อมีที่อยู่หลายแห่งในรายการ

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

มีสองค่าภายในคุณสมบัติของปุ่มตัวเลือก HTML ที่สำคัญต่อการใช้งาน แรกคือฟิลด์ชื่อที่ระบุกลุ่มที่ปุ่มตัวเลือกอยู่ในเอกสาร HTML และที่สองคือฟิลด์ค่า เมื่อเลือกปุ่มปุ่มตัวเลือกอื่นทั้งหมดที่มีชื่อเดียวกันหรือที่เรียกว่ากลุ่มจะถูกยกเลิกการเลือก การใช้ชื่อกลุ่มที่แตกต่างกันจะทำให้มีปุ่มตัวเลือกที่แตกต่างกันอยู่ในเอกสารเดียวกัน แท็กค่าเป็นค่าส่งคืนจริงของปุ่มตัวเลือกเมื่อมีการเลือกและส่งไปยังสคริปต์หรือโปรแกรมสำหรับการประมวลผล

การแสดงภาพของปุ่มตัวเลือก HTML สามารถแก้ไขได้ในสองสามวิธี ด้วยการใช้ค่าการจัดตำแหน่ง HTML และ CSS มาตรฐานปุ่มสามารถจัดเรียงแบบไดนามิกภายในเอกสารในลักษณะเดียวกับที่จัดแนวรูปภาพ ลักษณะของปุ่มโดยเฉพาะวงกลมและรูปภาพวงกลมที่เลือกสามารถปรับแต่งได้อย่างสมบูรณ์และแทนที่ด้วยรูปภาพที่ผู้ใช้สร้างขึ้นโดยการจัดการโมเดลวัตถุเอกสาร (DOM) ด้วย CSS และJavaScript®แม้ว่าการสนับสนุนเบราว์เซอร์จะไม่สอดคล้องกันเสมอจากแอปพลิเคชันเดียว ไปยังอีก