Html 使用单选按钮名称两次

我有一个包含3个不同“页面”的多步骤表单。1和2用于常规用户输入，第3页是1和2的摘要。第1页有一些单选按钮。我想在第3页再次显示这些（它们应该是可编辑的）。我不想使用不同的名称，因为它们显示完全相同的。。。我怎样才能做到这一点？以下是更好理解的代码

输入{
显示：无；
}
标签{
宽度：25px；
高度：25px；
显示：内联块；
颜色：#fff；
背景色：#000；
文本对齐：居中；
线高：25px；
}
输入：选中+标签{
背景色：红色；
}

1.
2.
1.
2.

每次使用不同的

id='

  <div class="page-3">
      <input type="radio" id="3" name="a" value="1">
      <label for="1">1</label>
      <input type="radio" id="4" name="a" value="2">
      <label for="2">2</label>
    </div>

1.
2.

同一

id不能使用两次。另外，为了避免样式设置问题，您不应该使用数字作为属性值的第一个字母（来自旧规范），请参阅：

下面是一个示例，允许一个以上的
标签使用单个
输入。标签需要在输入的同级中才能设置样式

输入的div同级可能的工作示例：


输入{
显示：无；
}
标签{
宽度：25px；
高度：25px；
显示：内联块；
颜色：#fff；
背景色：#000；
文本对齐：居中；
线高：25px；
}
输入#a1：选中~div label[for=“a1”]，
输入#a2：选中~div label[for=“a2”]{
背景色：红色；
}

1.
2.
1.
2.
name属性可以使用相同的值，但id不能，一个问题：你知道为什么不起作用吗？@xif80599，正如我在回答中所说的：同样为了避免样式问题，你不应该使用数字作为属性值的第一个字母（旧规范）。在id前面添加一个字母，就像我在代码段中所做的那样；）看见