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

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 并将表单控件放在 标签元素内。