HTML में एक चेकबॉक्स कैसे बनाएं?



अपनी पसंदीदा वेबसाइट ब्राउज़ करते समय, चेकबॉक्स दिखाई देते हैं जब आपको एक विकल्प का चयन करने की आवश्यकता होती है। यहां, हम देखेंगे कि HTML में एक चेकबॉक्स कैसे बनाया जाए।

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





HTML में एक चेकबॉक्स कैसे बनाएं?

एक चेकबॉक्स एक फार्म तत्व है जो आपको विभिन्न उपलब्ध विकल्पों में से कई विकल्पों का चयन करने की अनुमति देता है। HTMLtag के साथ चेकबॉक्स बनाए जाते हैं। इसे एनालेमेंट के अंदर घोंसला बनाया जा सकता है या वे अकेले खड़े हो सकते हैं। इनकी मदद से एक फॉर्म भी जुड़ा जा सकता है प्रपत्र विशेषता टैग का।

एक साधारण चेकबॉक्स बनाने के लिए यहां एक मूल उदाहरण दिया गया है:



लाल हरा नीला

आउटपुट:

चेकबॉक्स आउटपुट - html में चेकबॉक्स - edureka

आइए एक और उदाहरण पर विचार करें और एक सबमिट बटन जोड़ें, ताकि चेकबॉक्स उपयोगी बन सकें। यहां, आप चेकबॉक्स को एक तत्व के भीतर रख सकते हैं जो फ़ॉर्म को संसाधित करने के लिए एक पृष्ठ निर्दिष्ट करता है।



आपको कोन सा कलर पसंद हे? लाल हरा नीला

परिणाम:

आउटपुट:

चेकबॉक्स बनाम रेडियो बटन

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

css और css3 में क्या अंतर है
 

चेकबॉक्स

आपको कोन सा कलर पसंद हे? लाल हरा नीला

रेडियो के बटन

अपना लिंग चुनें? पुरुष स्त्री अज्ञात

परिणाम:

आउटपुट:

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

HTML में एक चेकबॉक्स को अक्षम करना

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

आइए एक उदाहरण लें कि हम कैसे चेकबॉक्स को अक्षम कर सकते हैं:

लाल हरा नीला

आउटपुट:

जावा में वेक्टर क्या है

उपरोक्त उदाहरण में, हमने लाल रंग को निष्क्रिय कर दिया है। तो, आप चेकबॉक्स से हरे और नीले रंग का चयन कर सकते हैं लेकिन रंग का लाल नहीं।

इसके साथ, हम अपने लेख के अंत में आ गए हैं। मुझे उम्मीद है कि आप समझ गए होंगे कि HTML में चेकबॉक्स कैसे काम करते हैं और उनका उपयोग अलग-अलग तरीके से कैसे किया जा सकता है।

अब जब आप HTML में चेकबॉक्स के बारे में जानते हैं, तो देखें Edureka द्वारा। वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'HTML में चेकबॉक्स' की टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।