2009-03-30 6 views
45

बस एक HTML लेबल टैग में एक for पैरामीटर भर में भाग गया:लेबल टैग में "के लिए" क्या है?

<label for="required-firstname"> First Name </label> 
<small>*</small> 
<input name="required-firstname" type="text" tabindex="2" 
     id="required-firstname" size="24" maxlength="40"> 

मैं एक PHP संसाधित स्क्रिप्ट के लिए इस प्रपत्र को परिवर्तित कर रहा हूँ, मैं = के लिए मानकों से छुटकारा पाने के कर सकते हैं? (और जिज्ञासा से बाहर, यह क्या करता है?)

उत्तर

70

w3schools.org से:

टैग एक इनपुट तत्व के लिए एक लेबल परिभाषित करता है।

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

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

एचटीएच!

मेरी $ .02 को एक एक्सेसिबिलिटी एसएमई के रूप में जोड़ना - साथ ही उपयोगिता, एलएबीईएल इनपुट क्षेत्र को सही लेबल के साथ भी जोड़ता है ताकि स्क्रीन पाठकों का उपयोग करने वाले व्यक्ति जान सकें कि फ़ील्ड क्या है।

+12

+1 'उपयोगकर्ता लेबल तत्व में पाठ पर क्लिक करता है तो यह control.' टॉगल – squixy

5

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

3

कुछ ब्राउज़रों में जब आप टैग के लिए किसी टेक्स्ट पर क्लिक करते हैं, तो आप उस बॉक्स को चेक करेंगे (i.e. for = id) या उस बॉक्स पर फ़ोकस डालें। यह एक एडीए चीज है

16

एचटीएमएल लेबल टैग एक फॉर्म तत्व के लिए लेबल को परिभाषित करता है। आमतौर पर इन्हें चेकबॉक्स और रेडियो बटन के साथ उपयोग किया जाता है, और जब उपयोगकर्ता लेबल पर क्लिक करता है तो यह बटन को टॉगल करता है। एक टेक्स्ट इनपुट के साथ (और आपको यह सुनिश्चित करने के लिए जांचना होगा) मुझे लगता है कि जब उपयोगकर्ता लेबल पर क्लिक करता है तो यह केवल इनपुट पर ध्यान देता है।

8

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

5

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

WebAIM.org एक महान पेज "के लिए" की पहुंच असर समझा है: http://webaim.org/techniques/forms/controls

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^