ด้วย HTML คุณสามารถสร้างรายการดรอปดาวน์อย่างง่ายของไอเท็มเพื่อรับอินพุตจากผู้ใช้ในรูปแบบ HTML กล่องเลือกหรือที่เรียกว่ากล่องดรอปดาวน์ให้ตัวเลือกในการแสดงรายการตัวเลือกต่างๆ ในรูปแบบของรายการดรอปดาวน์ ซึ่งผู้ใช้สามารถเลือกตัวเลือกได้ตั้งแต่หนึ่งตัวเลือกขึ้นไป แท็ก
นี่คือรายการแอตทริบิวต์ของแท็ก
Sr.No | แอตทริบิวต์ &คำอธิบาย |
1 | ชื่อ ใช้เพื่อกำหนดชื่อให้กับตัวควบคุมที่ถูกส่งไปยังเซิร์ฟเวอร์เพื่อให้รู้จักและรับค่า |
2 | ขนาด สามารถใช้เพื่อแสดงกล่องรายการแบบเลื่อนได้ |
3 | หลายรายการ หากตั้งค่าเป็น "หลายรายการ" จะอนุญาตให้ผู้ใช้เลือกหลายรายการจากเมนู |
นี่คือรายการแอตทริบิวต์ของแท็ก
Sr.No | แอตทริบิวต์ &คำอธิบาย |
1 | ค่า ค่าที่จะใช้ถ้าเลือกตัวเลือกในกล่องเลือก |
2 | เลือกแล้ว ระบุว่าตัวเลือกนี้ควรเป็นค่าที่เลือกเริ่มต้นเมื่อโหลดเพจ |
3 | ป้ายกำกับ ทางเลือกอื่นในการติดฉลาก |
ตัวอย่าง
คุณสามารถลองเรียกใช้สิ่งต่อไปนี้เพื่อสร้างรายการดรอปดาวน์อย่างง่ายเพื่อรับข้อมูลผู้ใช้ในรูปแบบ HTML:
<!DOCTYPE html> <html> <head> <title>Select Box Control</title> </head> <body> <p>Here's the list of subjects. Select any one:</p> <form> <select name = "dropdown"> <option value = "Computer Architecture" selected>Computer Architecture</option> <option value = "Java">Java</option> <option value = "Discrete Mathematics">Discrete Mathematics</option> </select> </form> </body> </html>