HTML फॉर्म के लिए बहु-विकल्प इनपुट फ़ील्ड

• मई 16, 2024

यदि आप अपनी वेबसाइट पर एक फार्म का निर्माण कर रहे हैं और चाहते हैं कि आपके आगंतुक एक या अधिक विकल्प विकल्पों में से चयन करें, तो एक बहु-विकल्प इनपुट फ़ील्ड जाने का तरीका है।

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

रेडियो बटन उनके "नाम" विशेषता द्वारा समूहीकृत किए जाते हैं। एक ही नाम साझा करने वाले रेडियो बटन के एक समूह में, आगंतुक केवल एक का चयन करने में सक्षम होंगे; समूह में एक अलग बटन पर क्लिक करने से मूल विकल्प का चयन रद्द हो जाएगा। "मान" विशेषता परिभाषित करती है कि रेडियो बटन किस विकल्प के अंतर्गत आता है, और "चेक किया गया" विशेषता आपको एक विकल्प का चयन करने की अनुमति देता है।

उपरोक्त उदाहरण में, इस प्रश्न को निम्नानुसार कोडित किया जा सकता है:

आपका पसंदीदा प्राथमिक रंग क्या है?

लाल

नीला

पीला

आपकी साइट पर, प्रश्न इस तरह दिखेगा:

आपका पसंदीदा प्राथमिक रंग क्या है?
लाल
नीला
पीला

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

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

यहां ड्रॉप-डाउन मेनू का उपयोग करके एक नमूना प्रश्न दिया गया है:

सप्ताह का आपका सबसे पसंदीदा दिन कौन सा है?


रविवार
सोमवार
मंगलवार
बुधवार
गुरूवार
शुक्रवार
शनिवार


आपकी साइट पर, प्रश्न जैसा दिखेगा:

सप्ताह का आपका सबसे पसंदीदा दिन कौन सा है?

रविवार
सोमवार
मंगलवार
बुधवार
गुरूवार
शुक्रवार
शनिवार


तीसरा बहुविकल्पी विकल्प चेकबॉक्स है। चेकबॉक्स रेडियो बटन के समान हैं, सिवाय इसके कि वे हमेशा आगंतुकों को कई विकल्पों का चयन करने की अनुमति देते हैं। चेकबॉक्स रेडियो बटन के समान विशेषताओं की अनुमति देते हैं।

चेकबॉक्स का उपयोग कर एक नमूना प्रश्न:

तुम्हारे पास कौन से पालतू पशु हैं?

कुत्ता

बिल्ली

चिड़िया

चूहा

हम्सटर

मगर

अन्य


आपके आगंतुक देखेंगे:

तुम्हारे पास कौन से पालतू पशु हैं?
कुत्ता
बिल्ली
चिड़िया
चूहा
हम्सटर
मगर
अन्य

वीडियो निर्देश: Linux Tutorial for Beginners: Introduction to Linux Operating System (मई 2024).