Html 是否将单选按钮与包含元素组合在一起？

将单选按钮组合在一起的标准方法是为每个按钮分配一个

名称

属性，并将特定组中的每个按钮设置为相同的“组名称”，如下所示：

第一组：



第2组：

然而，当您为网页开发一些可以在网页上多次使用的部分代码时，必须想出一个不同的“组名”是一件非常痛苦的事情。如果您可以将单选按钮与周围的元素组合在一起，则会更好，如下所示：

<p>
    Group 1:<br>
    <radiogroup>
        <input type="radio" value="val1">
        <input type="radio" value="val2">
    </radiogroup>
</p>
<p>
    Group 2:<br>
    <radiogroup>
        <input type="radio" value="val3">
        <input type="radio" value="val4">
    </radiogroup>
</p>

第一组：



第2组：

---

这样的事情可能吗？否则，如果我的部分代码在一个页面上包含两次，则前2个

输入

s的2个实例将全部包含在同一组中，第二个2个

输入

s的2个实例将全部包含在同一组中。不过，我想要的是4组；每个部分包含2组。

似乎没有办法做到这一点。最后我做的是为每个部分生成一个新的GUID，并将其附加到该部分单选按钮的

名称
属性。
我使用带有ID的span属性将单选按钮列表分组在一起。
如果元素具有相同的名称，您认为表单处理将如何工作？
<p>
    Group 1:<br>
    <radiogroup>
        <input type="radio" value="val1">
        <input type="radio" value="val2">
    </radiogroup>
</p>
<p>
    Group 2:<br>
    <radiogroup>
        <input type="radio" value="val3">
        <input type="radio" value="val4">
    </radiogroup>
</p>