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

Question

我在一个页面中有多个表单。每个表单都有完全相同的内容。但我遇到了与我的标签有关的问题。我知道标签“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>​

由于

Answer 1

或者：

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