<label> का उपयोग क्यों करें?

Question

एक प्रेजेंटेशन परिप्रेक्ष्य से, यदि मैं <label> टैग के बीच एक टेक्स्ट लिखता हूं तो ऐसा लगता है कि अगर मैंने नहीं किया था।

तो, हम इस टैग का उपयोग क्यों करते हैं?

Answer 1

एक label तत्व की for विशेषता एक input तत्व की id विशेषता से मेल खाती है। यदि आप लेबल पर क्लिक करते हैं, तो यह इनपुट बॉक्स पर ध्यान केंद्रित करता है।

उदाहरण:

<input type="checkbox" id="agree" /> 
<label for="agree">I agree with the Terms and Conditions</label> 

See this in action.

आप पाठ पर क्लिक करते हैं, यह बॉक्स की जाँच करता है।

Answer 2

जब आप लेबल पर क्लिक करते हैं, तो फोकस संबंधित इनपुट पर जाता है। चेकबॉक्स के लिए बहुत आसान है जब छोटे आयत को मारना मुश्किल होता है।

Answer 3

HTML label tag से

:

"लेबल तत्व, कुछ भी उपयोगकर्ता हालांकि, यह माउस उपयोगकर्ताओं के लिए एक प्रयोज्य सुधार प्रदान करता है के लिए विशेष रूप से प्रदर्शित नहीं होता है क्योंकि अगर लेबल तत्व में पाठ पर उपयोगकर्ता क्लिक करता है, यह। नियंत्रण को टॉगल करता है।

टैग की विशेषता के लिए संबंधित तत्व की आईडी विशेषता के बराबर होना चाहिए ताकि उन्हें एक साथ बांध सकें। "

Answer 4

प्रस्तुति बिंदु से कुछ भी नहीं। इनपुट तत्व के लिए लेबल को परिभाषित करने के लिए लेबल योग्य टैग का उपयोग किया जाता है। अर्थपूर्ण दृष्टिकोण से, इसका उपयोग पाठ को परिभाषित करने के लिए नहीं किया जाना चाहिए।

Answer 5

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

जैसे:

<label for='mycontrol'>Label text</label> <input type='checkbox' name='mycontrol' id='mycontrol' value='1'> 

इसका मतलब यह होगा कि जब उपयोगकर्ता लेबल पाठ 'पर क्लिक करता है, चेकबॉक्स टॉगल किया जा जाएगा।

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

लेकिन for सुविधा से अलग, <label> तत्व मूल रूप से किसी अन्य HTML तत्व के समान है।

यदि आप for विशेषता का उपयोग नहीं करने जा रहे हैं, तो यह अभी भी अर्थपूर्ण कारणों से <label> तत्व का उपयोग करने के लिए सही हो सकता है।

Answer 6

एचटीएमएल प्रस्तुति के बारे में नहीं है। यह डेटा का वर्णन करने का एक तरीका है। यदि आपके पास कुछ पाठ है जो किसी इनपुट के लिए लेबल का प्रतिनिधित्व करता है, तो आप उसे प्रस्तुति के लिए लेबल टैग में लपेटते हैं, लेकिन यह वही है। लेबल टैग के बिना, वह पाठ लगभग व्यर्थ है।लेबल टैग और इसकी for विशेषता (या नहीं *) के साथ आप अर्थ और संरचना प्रदान कर रहे हैं और अपने मार्कअप के बीच एक रिश्ता बना रहे हैं जिसे कंप्यूटर/पार्सर्स/ब्राउज़र/लोगों द्वारा बेहतर समझा जा सकता है।

* यदि आप जरूरी for की जरूरत नहीं है, तो आप इनपुट के आसपास लेबल लपेट:

<label>My input 
 
    <input type="text" id="my-input" /> 
 
</label>