क्षेत्र क्लिक कई वेब रूपों का एक महत्वपूर्ण हिस्सा हैं। चेक बॉक्स आपको उपयोगकर्ता इनपुट स्वीकार करने और उन विकल्पों को सीमित करने की अनुमति देते हैं जिन्हें उपयोगकर्ता आपके द्वारा निर्दिष्ट विकल्पों में से चुन सकता है।
HTML एक आकार तत्व बनाता है जो एक सूची प्रदान करता है उन विकल्पों में से जिनमें से उपयोगकर्ता एक या अधिक का चयन कर सकता है। चयन बॉक्स में दिखाई देने वाले विकल्पों को इंगित करता है।
यह ट्यूटोरियल HTML
HTML फ़ॉर्म
फ़ॉर्म कई वेबसाइटों का एक अनिवार्य हिस्सा हैं और आपको उपयोगकर्ता डेटा स्वीकार करने की अनुमति देते हैं जिसे आप बना सकते हैं आपकी साइट पर। उदाहरण के लिए, यदि आप किसी कैफे के लिए वेबसाइट डिजाइन कर रहे हैं, तो आप एक ऐसा फॉर्म बना सकते हैं जो ग्राहकों की प्रतिक्रिया स्वीकार करता है।
एचटीएमएल में, का उपयोग मॉड्यूल घोषित करने के लिए किया जाता है। फिर आप जैसे HTML तत्वों का उपयोग कर सकते हैं और प्रपत्र डेटा एकत्र करने के लिए सेट करने के लिए चयन कर सकते हैं। इस ट्यूटोरियल के लिए, हम पर ध्यान केंद्रित करने जा रहे हैं और इसका उपयोग किसी फॉर्म में डेटा एकत्र करने के लिए कैसे किया जा सकता है।
एचटीएमएल फ़ॉर्म के बारे में अधिक जानने के लिए, हमारे पढ़ें HTML फॉर्म के लिए शुरुआती गाइड।
HTML
HTML कोड एक सूची बनाता है जिससे उपयोगकर्ता एक या अधिक विकल्पों का चयन कर सकता है। एक <विकल्प> तत्व
टैग एक फ़ॉर्म फ़ील्ड बनाता है, जो चयनित होने पर, एक ड्रॉप-डाउन सूची प्रदर्शित करता है जिसमें उपयोगकर्ता चुन सकते हैं।
< का सिंटैक्स select> इस प्रकार है:
अपने आप में, टैग का कोई विकल्प नहीं है। हमें <विकल्प> का उपयोग करने की आवश्यकता है, जो कि टैग में दिखाई देने वाले विकल्पों को सेट करने के लिए है।
यहां के लिए सिंटैक्स है। <विकल्प>; टैग:
एक टैग में प्रदर्शित होता है। इस उदाहरण में, हमने अपने टैग के साथ value विशेषता को भी निर्दिष्ट किया है।
इसका उपयोग डेटा के मूल्य को संग्रहीत करने के लिए किया जाता है यदि उपयोगकर्ता किसी विशेष विकल्प का चयन करता है तो इसे सर्वर पर भेजा जाएगा। इस मामले में, यदि कोई उपयोगकर्ता सूची से विकल्प 1 का चयन करता है, तो विकल्प 1 सर्वर पर भेजा जाएगा।
प्रत्येक <विकल्प >; में निर्दिष्ट मान की विशेषता होनी चाहिए
HTML कोड सभी प्रमुख आधुनिक ब्राउज़रों द्वारा समर्थित है
आप क्यों .. क्या उन्हें
एक का उपयोग करने वाला बटन तब उपयोगी होता है जब आप उन मानों को सीमित करना चाहते हैं जो एक उपयोगकर्ता एक फ़ॉर्म में दर्ज कर सकता है खेत। यहां कुछ उदाहरण दिए गए हैं जहां
उपयोगकर्ता को चुनने के लिए देशों की सूची प्रदान करें
उपयोगकर्ता को रंगों की सूची प्रदान करें। किसी उत्पाद के चयन के लिए उपलब्ध है।
उपयोगकर्ता को उस उत्पाद की मात्रा का चयन करने की अनुमति देने के लिए जिसे वे खरीदना चाहते हैं (1 और 10 के बीच)।
इन मामलों में विकल्प सीमित हैं। ड्रॉप-डाउन मेनू का उपयोग करने का अर्थ है कि आप एक ऐसा उत्तर प्राप्त कर सकते हैं जो आपके कोड के लिए उपयुक्त हो। ऐसा इसलिए है क्योंकि उपयोगकर्ता अपने इच्छित मानों को दर्ज नहीं कर सकता, जैसा कि वे एक चयन फ़ील्ड में कर सकते हैं, जिसकी आप अपेक्षा नहीं कर सकते हैं।
पूर्व अशुद्ध HTML
मान लीजिए कि आप एक स्थानीय बेकरी के लिए एक वेब फॉर्म बना रहे हैं। हमें एक ऐसा फॉर्म बनाने के लिए कहा गया था जो उपयोगकर्ता को ब्रेड ऑर्डर करने की अनुमति देता है। इस फॉर्म में ब्रेड की एक ड्रॉप-डाउन सूची प्रस्तुत करनी चाहिए जिसमें से एक उपयोगकर्ता ब्रेड चुन सकता है। विकल्प जो प्रकट होना चाहिए: / ul>
डिफ़ॉल्ट रूप से, सादा सफेद का चयन किया जाना चाहिए।
सबसे पहले, आइए हमारी चयन सूची को परिभाषित करने के लिए का उपयोग करें। हम नाम विशेषता निर्दिष्ट करते हैं जो चयन प्रपत्र नियंत्रण के नाम को निर्दिष्ट करती है और विशेषता को breadType मान निर्दिष्ट करती है।
अगला, हम चार का उपयोग करते हैं उपयोगकर्ता को प्रस्तुत करने के लिए विकल्पों की सूची बनाने के लिए <विकल्प> टैग। इनमें से प्रत्येक टैग में एक निर्दिष्ट मान विशेषता होती है। यह विशेषता उस विकल्प मान को संग्रहीत करती है जो उपयोगकर्ता द्वारा फ़ॉर्म सबमिट करने पर सर्वर को भेजा जाएगा।
पहला टैग जो सामान्य सफेद लेबल प्रदर्शित करता है,< /em> में एक चयनित विशेषता भी निर्दिष्ट है। . यह रंग: सफेद सामान्य को डिफ़ॉल्ट रूप से चयनित विकल्प बनाता है
हम अपने उपयोगकर्ता को एकाधिक विशेषता का उपयोग करके सूची से कई विकल्पों का चयन करने की अनुमति दे सकते हैं:
एकाधिक विशेषता एक कीवर्ड है। इसका मतलब है कि विशेषता को मान निर्दिष्ट करने के लिए आपको बराबर चिह्न का उपयोग करने की आवश्यकता नहीं है।
एकाधिक मानों का चयन करने के लिए, विंडोज़ पर Ctrl बटन या मैक पर सीएमडी बटन दबाए रखें।
HTML टैग विशेषताएँ
< em >
गुण
मान
विवरण
ऑटोफोकस
ऑटोफोकस
दस्तावेज़ लोड होने पर फ़ोकस को ड्रॉप-डाउन सूची पर सेट करता है।
अक्षम
अक्षम
इंगित करता है कि ड्रॉप-डाउन सूची अक्षम है (यदि कोई उपयोगकर्ता सूची का उपयोग करके कोई मान प्रस्तुत नहीं कर सकता है)
फॉर्म
form_id
उस फॉर्म को दर्शाता है जिसके साथ तत्व जुड़ा हुआ है।
एकाधिक
एकाधिक
उपयोगकर्ताओं को एकाधिक विकल्पों का चयन करने की अनुमति देता है।
नाम
नाम
तत्व के नाम को इंगित करता है।
अनिवार्य
अनिवार्य
इंगित करता है कि प्रपत्र फ़ील्ड सबमिट करने से पहले पूरा किया जाना चाहिए।
आकार
संख्या
विकल्पों की संख्या निर्दिष्ट करता है, उदाहरण के लिए, उपयोगकर्ता को प्रस्तुत किया जाना चाहिए। HTML तत्व एक फ़ील्ड आकार बनाता है
निष्कर्ष
जो पूर्वनिर्धारित की एक सूची प्रदर्शित करता है मूल्य। उपयोगकर्ता सूची में से एक या अधिक मान चुन सकता है। तब उपयोगी होते हैं जब आप चाहते हैं कि कोई उपयोगकर्ता संभावित मानों की पूर्वनिर्धारित सूची से किसी मान का चयन करे।
यह ट्यूटोरियल एक उदाहरण का हवाला देते हुए दिखाता है कि इसका उपयोग कैसे किया जा सकता है। HTML में ड्रॉपडाउन फ़ॉर्म फ़ील्ड बनाने के लिए
HTML प्रोग्रामिंग के बारे में अधिक जानना चाहते हैं? हमारी HTML लर्निंग गाइड देखें। इस गाइड में HTML सीखने के सर्वोत्तम टिप्स और आपके ज्ञान का विस्तार करने में मदद करने के लिए सीखने के संसाधनों की एक सूची है।