HTML चयन:एक कैसे-कैसे मार्गदर्शिका

आपको HTML टैग का उपयोग क्यों करना चाहिए?

एक

. का उपयोग करना टैग तब फायदेमंद होता है जब आप उन मानों को प्रतिबंधित करना चाहते हैं जो उपयोगकर्ता किसी प्रपत्र फ़ील्ड में दर्ज कर सकता है। यहां कुछ उदाहरण दिए गए हैं जहां टैग निम्न के लिए उपयोगी हो सकता है:

• उपयोगकर्ता को उन देशों की सूची प्रदान करें जहां से चयन करना है।
• उपयोगकर्ता को उस उत्पाद के लिए उपलब्ध रंगों की सूची दें जिसमें से चयन करना है।
• उपयोगकर्ता को उस उत्पाद की मात्रा चुनने की अनुमति देने के लिए जिसे वे खरीदना चाहते हैं (अर्थात 1 और 10 के बीच)।

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

HTML <चयन> उदाहरण

मान लीजिए हम एक स्थानीय बेकरी के लिए एक वेब फॉर्म बना रहे हैं। हमें एक ऐसा फॉर्म बनाने के लिए कहा गया है जो उपयोगकर्ता को ब्रेड ऑर्डर करने की अनुमति देता है। इस फॉर्म में ब्रेड की एक ड्रॉप-डाउन सूची प्रस्तुत करनी चाहिए जिससे उपयोगकर्ता ब्रेड चुन सकता है। जो विकल्प दिखाई देने चाहिए वे हैं:

• सादा सफेद
• सादा भूरा
• साबुत अनाज
• खट्टा

डिफ़ॉल्ट रूप से, सादा सफेद चुना जाना चाहिए।

इस HTML ड्रॉप डाउन मेनू को बनाने के लिए, हम निम्नलिखित कोड का उपयोग कर सकते हैं:

<select name="breadType">
	<option value="plainWhite" selected>Plain White</option>
	<option value="plainBrown">Plain Brown</option>
	<option value="wholeGrain">Whole Grain</option>
	<option value="sourdough">Sourdough</option>
</select>

हमारा कोड लौटाता है:

<नाम चुनें ="ब्रेड टाइप"> <विकल्प मूल्य ="सादा सफेद" चयनित> सादा सफेद <विकल्प मान ="सादा भूरा">सादा भूरा <विकल्प मूल्य ="साबुत अनाज">साबुत अनाज खट्टा

सबसे पहले, हम एक

. का उपयोग करते हैं हमारी चयन सूची को परिभाषित करने के लिए टैग। हम नाम निर्दिष्ट करते हैं विशेषता, जो चयन प्रपत्र नियंत्रण का नाम निर्दिष्ट करती है, और हम विशेषता को मान breadType निर्दिष्ट करते हैं ।

इसके बाद, हम चार <विकल्प> . का उपयोग करते हैं उपयोगकर्ता को प्रस्तुत किए जाने वाले विकल्पों की सूची बनाने के लिए टैग। इनमें से प्रत्येक <विकल्प> टैग का एक मान होता है विशेषता निर्दिष्ट। यह विशेषता उस विकल्प के मूल्य को संग्रहीत करती है जो उपयोगकर्ता द्वारा फ़ॉर्म सबमिट करने पर सर्वर को सबमिट किया जाएगा।

पहला <विकल्प> टैग, जिसका लेबल टेक्स्ट सादा सफेद, . प्रदर्शित करता है एक चयनित . भी है विशेषता निर्दिष्ट। यह सादा सफ़ेद . बनाता है डिफ़ॉल्ट चयनित विकल्प।

हम अपने उपयोगकर्ता को एकाधिक विशेषता का उपयोग करके सूची में कई विकल्पों का चयन करने दे सकते हैं:

<select name="breadType" multiple>
  	<option value="plainWhite" selected="">Plain White</option>
	<option value="plainBrown">Plain Brown</option>
	<option value="wholeGrain">Whole Grain</option>
	<option value="sourdough">Sourdough</option>
</select>

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

एकाधिक मानों का चयन करने के लिए, विंडोज़ पर Ctrl बटन या मैक पर सीएमडी बटन दबाए रखें।

HTML टैग विशेषताएँ

<चयन करें> टैग में कुछ विशिष्ट HTML विशेषताएँ होती हैं जिन्हें टैग पर लागू किया जा सकता है। ये इस प्रकार हैं:

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

निष्कर्ष

एचटीएमएल

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

इस ट्यूटोरियल में एक उदाहरण के संदर्भ में चर्चा की गई है कि आप HTML में ड्रॉप-डाउन सूची फॉर्म फ़ील्ड बनाने के लिए टैग का उपयोग कैसे कर सकते हैं।

क्या आप HTML प्रोग्रामिंग के बारे में अधिक जानना चाहते हैं? हमारी HTML मार्गदर्शिका कैसे सीखें देखें। इस गाइड में HTML सीखने के बारे में शीर्ष युक्तियाँ और आपके ज्ञान को बढ़ाने में मदद करने के लिए सीखने के संसाधनों की एक सूची है।

एक HTML Doctype घोषित करना

HTML शीर्षक टैग:चरण-दर-चरण मार्गदर्शिका

1. एचटीएमएल <dl> टैग

   HTML में dl तत्व का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है। HTML5 में, का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है, जबकि HTML4 परिभाषित परिभाषा सूची में। आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें उदाहरण खेल फुटबॉल यह 200 से अधिक देशों में 250 मिलियन खिलाड़ियो

1. एचटीएमएल <एम्बेड> टैग

   HTML दस्तावेज़ में बाहरी एप्लिकेशन को शामिल करने के लिए टैग का उपयोग किया जाता है। निम्नलिखित विशेषताएं हैं - ऊंचाई: यह पिक्सेल में एम्बेड की गई सामग्री की ऊंचाई है। स्रोत :एम्बेड करने के लिए बाहरी फ़ाइल का पता यानी यूआरएल का उल्लेख करें। टाइप करें :यह मीडिया प्रकार है जो एम्बेडेड सामग्री के मीडि

1. एचटीएमएल <dfn> टैग

   HTML में टैग का उपयोग HTML में किसी शब्द के उदाहरण को परिभाषित करने के लिए किया जाता है, जो कि किसी शब्द का प्रारंभिक उपयोग है। आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें उदाहरण <!DOCTYPE html> <html> <body> <h2>Subjects in MCA</h2> <p><dfn title=&qu