กล่องรายการ HTML คืออะไร?

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

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

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

นอกเหนือจากตัวเลือกกล่องรายการ HTML สามารถมีองค์ประกอบภาพอื่นที่เรียกว่า OptGroupOptGroup เป็นหัวข้อที่ใช้ในการแยกตัวเลือกที่แตกต่างกันภายในกล่องรายการเมื่อผู้ใช้ดูที่กล่องรายการที่มีแท็ก OptGroup เขาหรือเธอจะเห็นหัวเรื่องตัวหนาในกล่องซึ่งตัวเลือกที่เกี่ยวข้องจะเยื้องเล็กน้อยและไม่เป็นตัวหนา

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