Nhiều nhãn cùng một mẫu trong một số trang

Question

Tôi có nhiều biểu mẫu trong một trang. Mỗi biểu mẫu có cùng nội dung giống nhau. Nhưng tôi gặp phải một vấn đề liên quan đến nhãn của tôi. Tôi biết rằng nhãn "cho" thẻ phải là duy nhất và được trỏ đến id phần tử nhưng tôi phải nhân biểu mẫu vì một số lý do. Vui lòng tham khảo mã của tôi tìm thấy trong 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>​ 

Cảm ơn

Answer 1

Hoặc:

• Tạo một tiền tố mà bạn áp dụng cho tất cả các id trong một trường hợp nhất định một hình thức
• Không sử dụng for hoặc id và đặt các điều khiển biểu mẫu bên trong các yếu tố nhãn.