Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में ड्रॉप-डाउन लिस्ट में ऑप्शन कैसे शामिल करें?


ड्रॉप-डाउन लिस्ट में ऑप्शन शामिल करने के लिए HTML में <option> टैग का उपयोग करें। HTML <option> टैग फॉर्म के भीतर ड्रॉप-डाउन लिस्ट में ऑप्शन्स परिभाषित करने के लिए उपयोग किया जाता है।

HTML <option> टैग निम्न अतिरिक्त एट्रिब्यूट्स का भी समर्थन करता है:

एट्रिब्यूट वैल्यू विवरण
disabled disabled इनपुट कंट्रोल को डिसेबल करता है। बटन यूज़र से चेंजेस स्वीकार नहीं करेगा। यह फोकस भी प्राप्त नहीं कर सकता और टैबिंग करते समय स्किप हो जाएगा।
label text <optgroup> उपयोग करते समय उपयोग करने के लिए लेबल परिभाषित करता है
selected selected पेज लोड होने पर डिफ़ॉल्ट रूप से चुने जाने वाले ऑप्शन को परिभाषित करता है
value text सर्वर को भेजे जाने वाले ऑप्शन के मान को निर्दिष्ट करता है

उदाहरण

HTML में <option> एलिमेंट इम्प्लीमेंट करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML option Tag</title>    </head>    <body>       <form action="/cgi-bin/dropdown.cgi" method="post">          <select name="dropdown">             <option value="HTML" selected>HTML</option>             <option value="Ruby">Ruby</option>          </select>          <input type="submit" value="Submit" />       </form>    </body> </html>
  1. HTML में <datalist> टैग का उपयोग कैसे करें? HTML में <datalist> टैग का उपयोग कैसे करें?

    HTML <datalist> टैग <input> एलिमेंट के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी। <datalist>...</datalist> टैग के अंदर <option>...</option> टैग का उपयोग करें।उदाहरणHTML में <datalist> टैग का उपयोग करने के लिए निम्न कोड चलाएं:<!

  1. HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें? HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें?

    HTML में, हम <datalist> एलिमेंट का उपयोग प्री-डिफाइंड विकल्पों की एक सूची निर्दिष्ट करने के लिए करते हैं। यह सूची एक इनपुट एलिमेंट के लिए है। list एट्रिब्यूट इस <datalist> एलिमेंट को संदर्भित करता है। HTML5 ने list एट्रिब्यूट पेश किया।list एट्रिब्यूट एक <datalist> एलिमेंट को संदर्भ

  1. HTML DOM Select Object - संपूर्ण गाइड और उदाहरण HTML DOM Select Object - संपूर्ण गाइड और उदाहरण

    HTML DOM Select Object HTML DOM Select Object HTML दस्तावेज़ में <select> तत्व को दर्शाता है। यह ड्रॉप-डाउन सूचियों को बनाने, एक्सेस करने और हेरफेर करने के लिए properties और methods प्रदान करता है। Select Object बनाना document.createElement(SELECT); Select Object के Properties