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

Bootstrap फॉर्म में सिलेक्ट ड्रॉपडाउन


select का उपयोग तब किया जाता है जब आप उपयोगकर्ता को कई विकल्पों में से चुनने देना चाहते हैं, लेकिन डिफ़ॉल्ट रूप से यह केवल एक विकल्प की अनुमति देता है।

  • उन सूची विकल्पों के लिए <select> का उपयोग करें जिनसे उपयोगकर्ता परिचित हों, जैसे राज्य या संख्याएँ।
  • multiple="multiple" का उपयोग करके उपयोगकर्ता को एक से अधिक विकल्प चुनने दें।

उदाहरण

Bootstrap फॉर्म सिलेक्ट लागू करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <meta name = "viewport" content="width = device-width, initial-scale = 1">       <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">       <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>       <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>    </head>    <body>       <form role = "form">          <div class = "form-group">             <label for = "name">Country</label>             <select class = "form-control">                <option>India</option>                <option>Australia</option>                <option>US</option>             </select>          </div>       </form>    </body> </html>

  1. बूटस्ट्रैप बटन्स बूटस्ट्रैप बटन्स

    बटन एलिमेंट उन अधिक उपयोगी हाइपरटेक्स्ट मार्कअप लैंग्वेज (HTML) एलिमेंट्स में से एक है क्योंकि यह यूजर को पेज के साथ इंटरैक्ट करने में सक्षम बनाता है।  लॉग इन करना, सब्सक्राइब करना, कुछ डिलीट करना या खोलना, मेनू दिखाना, कलर थीम बदलना बटन्स के साथ किए जाने वाले एक्शन हैं। डिफ़ॉल्ट ब्राउज़र बटन स

  1. HTML DOM Select form Property - पैरेंट फॉर्म प्राप्त करें HTML DOM Select form Property - पैरेंट फॉर्म प्राप्त करें

    HTML DOM Select form Property HTML DOM select form property उस फॉर्म का रेफरेंस लौटाता है जिसमें ड्रॉप-डाउन सूची समाहित है। यदि ड्रॉप-डाउन किसी फॉर्म के अंदर नहीं है, तो यह null लौटाता है। Syntax selectObject.form उदाहरण ड्रॉप-डाउन को समाहित करने वाले फॉर्म की पहचान करना: <!DOCTYPE html> &l

  1. Django में फॉर्म विजेट Django में फॉर्म विजेट

    इस लेख में, हम देखेंगे कि Django फॉर्म में विजेट्स का उपयोग कैसे करें। विजेट्स फ्रंटएंड को बेहतर बनाने के लिए काफी मददगार हो सकते हैं। विजेट्स HTML एलिमेंट्स हैं जो Django फॉर्म से रेंडर होते हैं, टेक्स्टएरिया, इनपुट, पासवर्ड इनपुट, आदि सभी विजेट्स हैं। सबसे पहले एक Django प्रोजेक्ट और एक ऐप बनाएं।