Css Ka Upayoga Karake Cayanita Vikalpa Ka Ranga Kaise Badalem
उपयोगकर्ता को विकल्प तब दिए जाते हैं जब एक तत्व के कई मान मौजूद होते हैं, जहां से उपयोगकर्ता अपनी पसंद के अनुसार एक विकल्प का चयन कर सकते हैं। यह अलग-अलग रूपों में मौजूद होता है, जैसे चेकबॉक्स, ड्रॉप-डाउन मेनू और रेडियो बटन। अधिक विशेष रूप से, ड्रॉप-डाउन मेनू विकल्पों की पूर्वनिर्धारित सूची प्रदान करता है जो उपयोगकर्ता को एक का चयन करने की अनुमति देता है।
यह मैनुअल चयनित विकल्प के रंग को संशोधित करने की प्रक्रिया की व्याख्या करेगा। इसके लिए सबसे पहले, हम एक ड्रॉप-डाउन मेनू बनाएंगे और इसे CSS का उपयोग करके स्टाइल करेंगे और फिर चयनित विकल्प का रंग बदलेंगे।
आएँ शुरू करें!
HTML और CSS का उपयोग करके ड्रॉप-डाउन मेनू कैसे बनाएं?
HTML में, आप “का उपयोग करके ड्रॉप-डाउन मेनू बना सकते हैं” <लेबल> ',' ' <चुनें> ' तथा ' <विकल्प> 'टैग। अधिक स्पष्ट रूप से समझने के लिए, ड्रॉप-डाउन मेनू के सिंटैक्स पर चलते हैं।
आइए उपरोक्त सिंटैक्स में उपयोग किए गए HTML टैग्स की व्याख्या करें:
<लेबल>: इसका उपयोग टेक्स्ट फॉर्म में छोटे विकल्प <लेबल> को निर्दिष्ट करने के लिए किया जाता है।
<चुनें>: यह तत्व उपयोगकर्ता को सूची से किसी आइटम का चयन करने में सक्षम बनाता है।
<विकल्प>: इसका उपयोग ड्रॉप-डाउन मेनू के लिए विकल्प प्रदान करने के लिए किया जाता है।
यहां हम उपरोक्त सिंटैक्स को समझाने के लिए एक व्यावहारिक उदाहरण प्रस्तुत करते हैं।
चरण 1: एक ड्रॉप-डाउन मेनू बनाएं
सबसे पहले, हम एक
बनाएंगे और
टैग का उपयोग करके एक शीर्षक जोड़ेंगे। इसके अंदर एक ड्रॉप-डाउन मेनू जोड़ने के लिए, हम एक लेबल टैग का उपयोग करेंगे और “ एक देश चुनें 'लेबल के रूप में। उसके बाद, हम उपयोगकर्ता के लिए विकल्पों को मनोरंजक बनाने के लिए