हम HTML रूपों में आइटमों की एक साधारण ड्रॉप-डाउन सूची का उपयोग कैसे करते हैं?

HTML के साथ, आप 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>