सेलेक्टेबल लिस्ट बनाने के लिए <select> टैग का उपयोग करें। HTML <select> टैग फॉर्म के भीतर सेलेक्ट लिस्ट परिभाषित करने के लिए उपयोग किया जाता है।
HTML <select> टैग निम्न अतिरिक्त एट्रिब्यूट्स का भी समर्थन करता है:
| एट्रिब्यूट | वैल्यू | विवरण |
|---|---|---|
| autofocus | autofocus | निर्दिष्ट करता है कि पेज लोड पर ड्रॉप-डाउन लिस्ट ऑटोमेटिकली फोकस प्राप्त करे |
| disabled | disabled | इनपुट कंट्रोल को डिसेबल करता है |
| form | form_id | एक या अधिक फॉर्म्स निर्दिष्ट करता है |
| multiple | multiple | सेट होने पर, निर्दिष्ट करता है कि एक समय में मल्टीपल आइटम्स चुने जा सकते हैं |
| name | name | इनपुट कंट्रोल को नाम असाइन करता है |
| required | required | फॉर्म सबमिट करने से पहले यूज़र को एक वैल्यू चुनना आवश्यक है |
| size | number | ड्रॉप-डाउन लिस्ट में विज़िबल आइटम्स की संख्या परिभाषित करता है |
उदाहरण
HTML में सेलेक्टेबल लिस्ट बनाने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML select Tag</title> </head> <body> <form action="/cgi-bin/dropdown.cgi" method="post"> <select name="dropdown"> <option value="Data Structures" selected>Data Structures</option> <option value="Data Mining">Data Mining</option> </select> <input type="submit" value="Submit" /> </form> </body> </html>
