2012-11-06 19 views
8

मेरे पास एक पृष्ठ में एक से अधिक रूप हैं। प्रत्येक रूप में बिल्कुल वही सामग्री है। लेकिन मुझे अपने लेबल के संबंध में एक समस्या का सामना करना पड़ा। मुझे पता है कि टैग "के लिए" लेबल अद्वितीय होना चाहिए और तत्व आईडी को इंगित करना चाहिए लेकिन मुझे किसी कारण से फ़ॉर्म को गुणा करना है। कृपया मेरे कोड jsfiddle में पाई जाने वाली my codeपृष्ठ पृष्ठ में एकाधिक समान लेबल लेबल

<form> 
<label for="option1">Option 1</label> 
<input type="radio" id="option1" name="options"> 

<label for="option2">Option 2</label> 
<input type="radio" id="option2" name="options"> 

<label for="option3">Option 3</label> 
<input type="radio" id="option3" name="options"> 
</form> 

<!-- another form but the same content --> 
<form> 
<label for="option1">Option 1</label> 
<input type="radio" id="option1" name="options"> 

<label for="option2">Option 2</label> 
<input type="radio" id="option2" name="options"> 

<label for="option3">Option 3</label> 
<input type="radio" id="option3" name="options"> 
</form>​ 

धन्यवाद

उल्लेख
+0

'के लिए' अद्वितीय नहीं होना चाहिए। 'आईडी' करता है। आपके पास एक ही फॉर्म नियंत्रण को इंगित करने वाले एकाधिक लेबल हो सकते हैं। – Quentin

उत्तर

7

कोई एक:

  • एक उपसर्ग है कि आप एक रूप की दी गई उदाहरण में सभी आईडी के लिए आवेदन कर उत्पन्न
  • for या id का उपयोग न करें और को लेबल तत्वों के अंदर फॉर्म नियंत्रण रखें।