जावास्क्रिप्ट टैग

| | | | | | | | | | | | | | | | | |

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

HTML प्रपत्र बनाते समय, आप प्रपत्र के फ़ील्ड में एक कैप्शन जोड़ना चुन सकते हैं। उदाहरण के लिए, हो सकता है कि आप एक ऐसा फ़ॉर्म फ़ील्ड चाहते हैं जिसके लिए ग्राहक के नाम का शीर्षक Name: होना चाहिए।

यह वह जगह है जहां HTML टैग आता है। टैग का उपयोग HTML फॉर्म में प्रपत्र नियंत्रण तत्व के लिए एक कैप्शन को परिभाषित करने के लिए किया जाता है। प्रत्येक लेबल किसी प्रपत्र में एक विशिष्ट तत्व से जुड़ा होता है।

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

HTML लेबल

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

उदाहरण के लिए, यदि आपके पास एक चेकबॉक्स तत्व अचिह्नित है, तत्व को सक्रिय करने के लिए उपयोगकर्ता को सीधे चेकबॉक्स के अंदर क्लिक करने की आवश्यकता होगी।, यदि आपने एक टैग निर्दिष्ट किया है, तो उपयोगकर्ता चेकबॉक्स को सक्रिय करने के लिए टैग पर क्लिक भी कर सकता है।

HTML टैग सिंटैक्स

HTML टैग सिंटैक्स <लेबल> है:

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

आप विशेषता का उपयोग करने के बजाय, इनपुट फ़ॉर्म को लेबल से लिंक करने के लिए एक लेबल में फ़ील्ड भी सम्मिलित कर सकते हैं। इसके लिए सिंटैक्स है:

HTML टैग HTML में सभी वैश्विक विशेषताओं का समर्थन करता है। इसके अतिरिक्त, टैग सभी प्रमुख ब्राउज़रों में समर्थित है।

HTML लेबल के उदाहरण

मान लीजिए कि आप एक वेब प्रपत्र फ़ील्ड बनाते हैं जिसके लिए उपयोगकर्ता की आवश्यकता होती है उनके ईमेल पते के लिए।

हम चाहते हैं कि प्रपत्र फ़ील्ड कैप्शन के साथ दिखाई दे आपका ईमेल पता क्या है? ऐसा करने के लिए हम दो तरीकों का उपयोग कर सकते हैं: <कोड का उपयोग करें > विशेषता के लिए या नेस्टेड लेबल का उपयोग करें।

विशेषता के लिए

हम विशेषता for:

हमारा कोड निम्नलिखित लौटाता है:

<लेबल for = "email_address"> आपका ईमेल पता क्या है?
<इनपुट प्रकार = "text" id = "email_address">

आइए अपना कोड तोड़ते हैं।

पहली पंक्ति में, हमने टैग। हमने के लिए विशेषता निर्दिष्ट की और इसे email_address मान दिया, जो लेबल को email_address आईडी के साथ हमारे फ़ॉर्म फ़ील्ड से जोड़ता है।

पंक्ति के अंत में, हमने अपने कोड में एक खाली क्षैतिज रेखा डालने के लिए
टैग का उपयोग किया।

निम्न पंक्ति पर, हमने टैग का उपयोग करके एक टेक्स्ट इनपुट फ़ील्ड बनाया है। इस इनपुट फ़ील्ड में पहचानकर्ता email_address होता है, जिसका उपयोग हम इनपुट फ़ील्ड को एक टैग से बाँधने के लिए करते हैं।

नेस्टेड टैग

वैकल्पिक रूप से, हम एक <कोड> का उपयोग कर सकते हैं code> टैग हमारे लेबल को बनाने के लिए टैग में नेस्टेड है। यहाँ वह कोड है जिसका उपयोग हम ऊपर अपने वेब फ़ॉर्म के लिए नेस्टेड लेबल बनाने के लिए करेंगे:

हमारा कोड रिटर्न:

निष्कर्ष

HTML टैग <लेबल> के लिए प्रयोग किया जाता है प्रपत्र लेबल बनाएं। ये लेबल एक विशेष वेब फ़ॉर्म से जुड़े होते हैं और, जब क्लिक किया जाता है, तो उपयोगकर्ता को किसी फ़ॉर्म के साथ सहभागिता करने की अनुमति मिलती है।

इस ट्यूटोरियल ने उदाहरणों का हवाला देते हुए दिखाया है कि HTML का उपयोग कैसे करें < कोड> <लेबल> एक फॉर्म तत्व में लेबल जोड़ने के लिए टैग, साथ ही साथ <कोड> <लेबल> टैग से जुड़ी पहुंच की समस्याएं। अब आपके पास HTML के साथ काम करना शुरू करने का ज्ञान है एक समर्थक की तरह टैग!