को HTML मा एक ड्रप-डाउन सूची कसरी बनाउने

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

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

सूची को उपस्थिति र गुण परिवर्तन गर्न, तपाईँले विश्वव्यापी र विशेष गुणहरू प्रयोग गर्न सक्नुहुन्छ।

चयन ट्याग विशेषताहरु

1 बहु - धेरै विकल्प निर्दिष्ट गर्दछ।

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

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

विकल्प ट्याग गर्न विरोध रूपमा ट्याग चयन कुनै आवश्यक गुण छ।

विशेषताहरु संलग्न ट्याग विकल्प

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

सूची, यो सूचीमा फराकिलोकालागि पाठ को लम्बाइ पूर्वनिर्धारित चौडाइ लागि जाँदा। निस्सन्देह, चौडाई HTML शैलीहरू प्रयोग गरेर परिवर्तन गर्न सकिन्छ।

अन्य तरिकामा ड्रप-डाउन सूची

यो CSS संग गर्न सकिन्छ, उदाहरणका लागि सूची तपाईं पृष्ठ वस्तु होभर जब देखिनेछ। सूची बनाउनको लागि उत्कृष्ट अवसर काम jQuery पुस्तकालय सरल जो जाभास्क्रिप्ट, दिन्छ। यस पुस्तकालयमा संग जोडिएको छ ड्रप-डाउन सूची, एक क्यासकेड रूपमा, धेरै जटिल यस्तो हुन सक्छ। त्यो तपाईं निम्न सूची देखिने सूचीमा एउटा वस्तु चयन गर्दा, उदाहरणका लागि, छ "महिला वस्त्र" मेनु (तपाईं ड्रप hover गर्दा हो लुगा को प्रकार), त्यसपछि ड्रप-डाउन प्रजाति को एक, उदाहरणका लागि, "टप्स" जब सूची तत्व संग: जैकेट, पार्क, कोट, कोट र यति मा। N।

हामी तपाईंलाई ड्रप-डाउन सूची सिर्जना गर्न सक्नुहुन्छ जसमा मुख्य बाहिरको तरिका सूचीबद्ध छन्। निस्सन्देह, धेरै मा nuances छन् , एचटीएमएल को CSS मा तपाईं सूची दृश्य को कार्यक्षमता र उपस्थिति परिवर्तन गर्न अनुमति दिन्छ जो, र JavaScript मा।