在页面问题中多个相同的表单标签

Question

我在一个页面中有多个表单.每个表单都有完全相同的内容.但我遇到了与我的标签有关的问题.我知道标签"for"标签应该是唯一的并且指向元素id但是由于某种原因我必须将表格相乘.请参阅我的代码中的jsfiddle中的代码

<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>?

谢谢

Answer 1

或者:

• 生成应用于表单的给定实例中的所有ID的前缀
• 不要使用for或id将表单控件放在标签元素中.