HTML में एक ड्रॉप-डाउन सूची बनाने के लिए

HTML में सबसे सरल ड्रॉप-डाउन सूची का चयन टैग का उपयोग कर बनाने के लिए आसान है। इस कंटेनर टैग, टैग उस में विकल्प एम्बेडेड - यह वे है जो सूची आइटम निर्धारित किया है।

कई विकल्प सूची, जो चुनिंदा टैग द्वारा किया जा सकता हैं: ड्रॉप-डाउन सूची (विकल्प मुख्य मैदान पर क्लिक करने के बाद गिर या उस पर होवर करें), और बहु विकल्प की एक सूची - यह में उपयोगकर्ता कई आइटम चुन सकते। पहले ज्यादा आम है, वे आधुनिक नेविगेशन साइटों का एक महत्वपूर्ण तत्व है। ड्रॉप-डाउन सूची एकाधिक चयन उदाहरण के लिए, इस्तेमाल किया जा सकता, निर्देशिका जहां माल की कुछ विशेषताओं का चयन करना चाहते है।

उपस्थिति और सूचियों के गुणों को बदलने के लिए, आप सार्वभौमिक और विशेष विशेषताओं का उपयोग कर सकते हैं।

चुनिंदा टैग गुण

1. एकाधिक - एकाधिक विकल्प निर्दिष्ट करता है।

2. आकार - कि ऊंचाई है सूची में दिखाई लाइनों की संख्या निर्दिष्ट करता है। और फिर यह सब पर निर्भर करता है, कई विशेषता मौजूद है या नहीं। यदि हां, तो और आप, आकार बिस्तर निर्दिष्ट नहीं तो एकाधिक उपयोगकर्ता की उपस्थिति अपने सभी विकल्पों को देखेंगे में है, लेकिन यदि एक से अधिक याद आ रही है, केवल एक लाइन होना दिखाया गया है, और अन्य उपयोगकर्ता, पढ़ने के लिए सही पक्ष पर लिफ्ट के आइकन पर क्लिक करने के लिए जब सक्षम हो जाएगा। आकार की ऊंचाई निर्दिष्ट, और यह सही स्क्रॉल बार प्रकट पर विकल्पों की संख्या की तुलना में कम है।

3. नाम - नाम। ड्रॉप-डाउन सूची में यह बिना किया जा सकता है, लेकिन यह सर्वर पर कार्यक्रम-हैंडलर के साथ बातचीत करने के लिए आवश्यक हो सकता है। एक नियम के रूप में, नाम अभी भी दर्शाया गया है।

टैग का चयन करें कोई आवश्यक विशेषताओं के रूप में विकल्प टैग करने का विरोध किया है।

गुण संलग्न टैग विकल्प

1. चयनित - किसी सूची आइटम को उजागर करने के लिए डिज़ाइन किया गया। उपयोगकर्ता एक से अधिक आइटम आवंटित कर सकते हैं, यदि आप कई विशेषता (देखें। ऊपर) की स्थापना की।
2. मान - मूल्य। यह विशेषता आवश्यक है। वेब सर्वर को समझने के लिए वास्तव में क्या सूची आइटम उपयोगकर्ता का चयन किया है की जरूरत है।
3. लेबल। तत्वों की बहुत लंबी सूची पर इस विशेषता का उपयोग कम किया जा सकता। लोम्बार्डी के प्रशासनिक केंद्र - उदाहरण के लिए, स्क्रीन "मिलान" के बजाय विकल्प टैग "मिलान प्रदर्शित करेगा। उत्तरी इटली। " यह विशेषता भी सूची में आइटम्स समूह के लिए प्रयोग किया जाता है।

सूची, यह सूची में व्यापक पाठ की लंबाई के लिए चूक की चौड़ाई का सवाल है। बेशक, चौड़ाई एचटीएमएल शैलियों का उपयोग करके बदला जा सकता।

अन्य तरीकों से ड्रॉप-डाउन सूची

यह सीएसएस के साथ किया जा सकता है, उदाहरण के लिए, सूची दिखाई देगा जब आप एक पृष्ठ आइटम पर होवर करें। सूची बनाने के लिए बेहतरीन अवसर जावास्क्रिप्ट, जो काम JQuery के पुस्तकालय को सरल देता है। ड्रॉप-डाउन सूची है कि इस पुस्तकालय के साथ जुड़ा हुआ है, बहुत जटिल इस तरह के एक झरना के रूप में हो सकता है। यही कारण है, जब आप एक सूची में किसी आइटम का चयन निम्नलिखित सूची दिखाई देगी, उदाहरण के लिए, वहाँ है "महिलाओं के परिधान" मेनू (जब आप ड्रॉप मंडराना कपड़े के प्रकार के), तो जब प्रजातियों में से एक, उदाहरण के लिए, "सबसे ऊपर" ड्रॉप-डाउन सूची तत्वों के साथ: जैकेट, पार्कों, कोट, कोट और इतने पर। एन।

हम मुख्य सतही तरीके जिसमें आप एक ड्रॉप-डाउन सूची बना सकते हैं सूचीबद्ध किया है। बेशक, कई बारीकियों हैं HTML, सीएसएस में और जावास्क्रिप्ट में है, जो आप की कार्यक्षमता और सूचियों विचारों का स्वरूप बदलने के लिए अनुमति देते हैं।