Html 如何设置此控制器组的属性以优化可访问性？

如何设置此控制器组的属性以优化可访问性

输入是互斥的，可以是金额，也可以是自定义金额。 doctype是HTML5

<div class="inputRow">
    <input type="radio" name="amount" value="50" class="preset_amount" checked="checked" />
    <label>50</label>            
    <input type="radio" name="amount" value="100" class="preset_amount" />
    <label>100</label>
    <input type="radio" name="amount" value="150" class="preset_amount" />
    <label>150</label>
</div>

<div class="inputRow">      
    <input id="customamount" name="customamount" type="text" placeholder="<?php echo _('custom amount') ?>" <?php getValue("customamount") ?> />
    <label for="customamount"><?php echo _("or choose a custom amount") ?></label>
</div>

50
100
150

50
100
150
为每个控件设置
id
-属性，然后像这样使用
。
：

<div class="inputRow">
    <input id="rb1" type="radio" name="amount" value="50" class="preset_amount" checked="checked" />
    <label for="rb1">50</label>            
    ...
</div>


50
...
有没有人能很好地解释文章最后一句话的真正含义？此属性显式地将正在定义的标签与另一个控件相关联。当此属性存在时，它的值必须与同一文档中其他控件的id属性的值相同。当不存在时，正在定义的标签与元素的内容相关联
Foo
与
Foo
<div class="inputRow">
    <input id="rb1" type="radio" name="amount" value="50" class="preset_amount" checked="checked" />
    <label for="rb1">50</label>            
    ...
</div>