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

我在一个页面中有多个表单.每个表单都有完全相同的内容.但我遇到了与我的标签有关的问题.我知道标签“for”标签应该是唯一的并且指向元素id但是由于某种原因我必须将表单相乘.
请参阅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>​

谢谢

解决方法

或者：

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