ड्रॉपडाउन सूची के साथ Html फॉर्म सबमिट बटन। HTML फॉर्म तत्व - एक ड्रॉप-डाउन सूची (चयन, विकल्प, ऑप्टग्रुप टैग), एक टेक्स्टारिया, और एक लेबल, फ़ील्ड और किंवदंती को लागू करना। ऑप्टग्रुप टैग विशेषताएँ
HTML में सबसे सरल ड्रॉपडाउन सूची का चयन टैग का उपयोग करना आसान है। यह एक कंटेनर टैग है, विकल्प टैग इसमें निहित हैं - वे सूची आइटम को परिभाषित करते हैं।
सूचियों के लिए कई विकल्प हैं जो चुनिंदा टैग का उपयोग करके बनाए जा सकते हैं: एक ड्रॉप-डाउन सूची (मुख्य क्षेत्र पर क्लिक करने के बाद विकल्प खत्म हो जाना या उस पर होवर करना) और एक बहु विकल्प सूची - इसमें उपयोगकर्ता कई वस्तुओं का चयन कर सकता है। पूर्व अधिक सामान्य हैं, वे आधुनिक वेबसाइटों में एक महत्वपूर्ण नेविगेशन तत्व हैं। कई विकल्प ड्रॉप-डाउन सूची का उपयोग किया जा सकता है, उदाहरण के लिए, कैटलॉग में जहां आपको कई उत्पाद विशेषताओं का चयन करने की आवश्यकता होती है।
आप सामान्य और कस्टम विशेषताओं का उपयोग करके सूचियों के स्वरूप और गुणों को बदल सकते हैं।
टैग विशेषताओं का चयन करें
1. एकाधिक: एकाधिक विकल्प सेट करता है।
2. आकार - सूची में दृश्य लाइनों की संख्या निर्धारित करता है, अर्थात, ऊंचाई। और यहां यह सब इस बात पर निर्भर करता है कि एकाधिक विशेषता मौजूद है या नहीं। यदि हाँ, और आप आकार निर्दिष्ट नहीं करते हैं, तो कई की उपस्थिति में, उपयोगकर्ता को सभी संभावित विकल्प दिखाई देंगे, यदि एकाधिक अनुपस्थित है, तो केवल एक पंक्ति दिखाई जाएगी, और बाकी आगंतुक तब पढ़ पाएंगे जब वह दाईं ओर स्थित एलेवेटर आइकन पर क्लिक करेगा। यदि आकार निर्दिष्ट है और यह विकल्पों की संख्या से कम है, तो दाईं ओर एक स्क्रॉल पट्टी दिखाई देगी।
3. नाम - नाम। ड्रॉप-डाउन सूची के साथ भेजा जा सकता है, लेकिन सर्वर पर हैंडलर के साथ बातचीत करना आवश्यक हो सकता है। एक नियम के रूप में, नाम अभी भी इंगित किया गया है।
विकल्प टैग के विपरीत चयन टैग में आवश्यक विशेषताएँ नहीं हैं।
विकल्प नेस्टेड टैग विशेषताएँ
- चयनित - एक सूची आइटम का चयन करने के लिए डिज़ाइन किया गया। यदि एकाधिक विशेषता सेट की जाती है तो उपयोगकर्ता एक से अधिक आइटम का चयन करने में सक्षम होगा (ऊपर देखें)।
- मान - मान। यह विशेषता आवश्यक है। वेब सर्वर को यह समझना चाहिए कि उपयोगकर्ता ने कौन सी सूची आइटम का चयन किया है।
- लेबल। इस विशेषता के साथ, आप उन सूची आइटम को छोटा कर सकते हैं जो बहुत लंबे हैं। उदाहरण के लिए, टैग में निर्दिष्ट "मिलान लोम्बार्डी का प्रशासनिक केंद्र है" विकल्प के बजाय "मिलान" प्रदर्शित किया जाएगा। उत्तरी इटली ”। इस विशेषता का उपयोग किसी सूची में आइटमों को समूहीकृत करने के लिए भी किया जाता है।
सूची की चौड़ाई के लिए, यह डिफ़ॉल्ट रूप से सूची में सबसे चौड़े पाठ की लंबाई के लिए निर्धारित है। बेशक, HTML शैलियों का उपयोग करके चौड़ाई को बदला जा सकता है।
अन्य तरीकों से ड्रॉपडाउन
यह सीएसएस का उपयोग करके किया जा सकता है, उदाहरण के लिए, जब आप पृष्ठ तत्व पर होवर करेंगे तो एक सूची दिखाई देगी। जावास्क्रिप्ट सूची बनाने के लिए उत्कृष्ट विकल्प प्रदान करता है, जो कि Jquery पुस्तकालय द्वारा सरल किया जाता है। इस लाइब्रेरी से जुड़ी ड्रॉपडाउन सूची बहुत जटिल हो सकती है, उदाहरण के लिए, कैस्केडिंग। यही है, जब आप एक सूची में किसी आइटम का चयन करते हैं, तो निम्न सूची दिखाई देती है, उदाहरण के लिए, एक मेनू आइटम "महिलाओं के कपड़े" है (जब आप मँडराते हैं, तो जब आप किसी एक प्रकार का चयन करते हैं, उदाहरण के लिए, "आउटरवियर", निम्नलिखित तत्वों के साथ एक सूची बाहर निकलती है: जैकेट, पार्का, कोट) छोटा कोट, फर कोट, आदि।
हमने उन मुख्य तरीकों को छोड़ दिया है जिनमें आप एक ड्रॉप-डाउन सूची बना सकते हैं। बेशक, और जावास्क्रिप्ट में बहुत सारी बारीकियां हैं जो आपको सूचियों की कार्यक्षमता और उपस्थिति को बदलने की अनुमति देती हैं।
इस लेख में, हम उन तत्वों को देखेंगे जो आपको ड्रॉप-डाउन सूची बनाने की अनुमति देते हैं, इन सूचियों में समूह बनाने का तरीका जानें, आइटमों और यहां तक \u200b\u200bकि सूचियों के समूहों को कैसे अक्षम करें, उस तत्व से परिचित हों जो आपको एक बहु-पंक्ति क्षेत्र बनाने की अनुमति देता है, आप इसे बाद में HTML के अंदर उपयोग कर सकते हैं। रूपों (तत्व)