html - 页面问题中有多个相同的表单标签

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控件。