<label> एलिमेंट का for एट्रिब्यूट किसी एलिमेंट को लेबल के साथ सेट करने के लिए उपयोग किया जाता है।
सिंटैक्स
निम्न सिंटैक्स है:
<label for="id">
उपरोक्त, id संबंधित एलिमेंट की id है।
उदाहरण
आइए अब <label> एलिमेंट के for एट्रिब्यूट को लागू करने का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h2>पिछले सेमेस्टर के परिणाम</h2> <form> <fieldset> <legend>परिणाम</legend> <label for="stinfo">छात्र:</label> <input type="text" id ="stinfo" value="Jack"><br> <label for="sub">विषय:</label> <input type="text" value="Maths"><br> <label for="rank">रैंक:</label> <input type="number" value="8"><br> </fieldset> </form> </body> </html>
आउटपुट
यह निम्न आउटपुट देगा:
उपरोक्त उदाहरण में, हमारे पास कुछ फील्ड्स के साथ एक फॉर्म है:
<form> <fieldset> <legend>परिणाम</legend> <label for="stinfo">छात्र:</label> <input type="text" id ="stinfo" value="Jack"><br> <label for="sub">विषय:</label> <input type="text" value="Maths"><br> <label for="rank">रैंक:</label> <input type="number" value="8"><br> </fieldset> </form>
हमने <label> एलिमेंट के for एट्रिब्यूट का उपयोग करके फील्ड के लिए लेबल सेट किया है, उदाहरण के लिए:
<label for="stinfo">छात्र:</label> <input type="text" id ="stinfo" value="Jack"><br>
अब id stinfo वाले इनपुट टाइप टेक्स्ट का लेबल "छात्र" होगा क्योंकि हमने इसे label for के साथ सेट किया है:
<label for="stinfo">छात्र:</label>
