एचटीएमएल में एक लेबल को बांधने के लिए "for" कीवर्ड का उपयोग क्यों करें?

Question

संभव डुप्लिकेट:
What is the For attribute for in an HTML tag?

मैं इस बाहर खोजने की कोशिश की है। जब आप HTML में किसी लेबल का उपयोग करते हैं तो "for =" का उपयोग करने का कारण क्या है?

<form> 
    <label for="male">Male</label> 
    <input type="radio" name="sex" id="male" /> 
    <br /> 
    <label for="female">Female</label> 
    <input type="radio" name="sex" id="female" /> 
</form> 

यदि इसकी आवश्यकता है तो क्या HTML 5 में कुछ समकक्ष है या यह वही है?

Answer 1

यह लेबल पर एक क्लिक के इनपुट तत्व यह for है ध्यान केंद्रित करता है।

आपके द्वारा पोस्ट किए गए उदाहरण में, आप चुनने के लिए Maleया रेडियो बटन पर क्लिक करें। इसके बिना, आपके पास क्लिक करने के लिए बहुत छोटा लक्ष्य है ...

यदि इसकी आवश्यकता है तो क्या HTML 5 में कुछ समकक्ष है या यह वही है?

यह आवश्यक नहीं है, लेकिन उन लेबलों के लिए अच्छा अभ्यास है जिन पर ध्यान केंद्रित करने के लिए प्रत्यक्ष रूप तत्व है (यह उस लेबल के लिए अधिक समझ नहीं लेता है जिसमें किसी रूप पर समकक्ष नहीं है)।

वाक्य रचना एचटीएमएल 5

Answer 2

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

आप जिस तरह से एचटीएमएल 5 में for ही उपयोग के रूप में आप HTML4 या XHTML या जो भी आप से पहले इस्तेमाल में करते हैं।

Answer 3

लिए एक ही है आप लेबल की for विशेषता का उपयोग, और एक संबंधित input तत्व की id लिए अपने मूल्य निर्धारित करते हैं, अधिकांश ब्राउज़र इनपुट तत्व ध्यान दिया जाएगा जब लेबल पर क्लिक किया गया है। यह विशेष रूप से छोटे तत्वों जैसे चेकबॉक्स और रेडियो बटन के लिए उपयोगी है।