HTML
लेबल तत्व

वाक्य - विन्यास

• <label>Example <input type="radio" name="r"></label> // एक नियंत्रण तत्व लपेटकर
• <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // विशेषता के for उपयोग करना

पैरामीटर

मूल उपयोग

लेबल के साथ सरल रूप ...

<form action="/login" method="POST">
    
    <label for="username">Username:</label>
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<form id="my-form" action="/login" method="POST">
    
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<label for="username" form="my-form">Username:</label>

लेबल के बारे में

<label> तत्व का उपयोग प्रपत्र कार्रवाई तत्व को संदर्भित करने के लिए किया जाता है।
उपयोगकर्ता इंटरफ़ेस के दायरे में इसका उपयोग टाइप radio या checkbox जैसे तत्वों के लक्ष्य / चयन को आसान बनाने के लिए किया जाता है।

आवरण के रूप में <label>

यह वांछित कार्रवाई तत्व को घेर सकता है

<label>
    <input type="checkbox" name="Cats">
    I like Cats!
</label>

(पाठ पर क्लिक करने पर लक्ष्य input राज्य / मूल्य को टॉगल करेगा)

संदर्भ के रूप में <label>

विशेषता के for आपको नियंत्रण तत्व को label वंशज के रूप में रखने की आवश्यकता नहीं है - लेकिन मूल्य के for यह आईडी से मेल खाना चाहिए

<input id="cats" type="checkbox" name="Cats">
<label for="cats" >I like Cats!</label>

ध्यान दें
<label> तत्व के भीतर एक से अधिक नियंत्रण तत्व का उपयोग न करें