为什么我的HTML id属性无效,当我有4x相同的id加上一个计数器？

Question

我有一个带有一组4个单选按钮的表格,由于某些原因我不知道,我的第四个收音机不起作用......

JSBIN在这里:电台疯狂

我通过W3C验证器运行代码并且它抱怨在第4个无线电上label元素必须引用a form input.

看着我的第3和第4个电台标签并输入......

    <label for="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type_2">Structured Text</label>
    <input type="radio" id="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type_2" name="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type" value="text/structured">

这有效,而这个:

    <label for="dyno_fe7ee1e9-6005-69e7-6205-5265c866fa79f_content_type_3" data-i18n="">reStructuredText</label>
    <input type="radio" id="dyno_fe7ee1e9-6005-69e7-620a5-5265c866f79f_content_type_3"  name="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type" value="text/x-rst">

失败.它必须是与之相关的东西,id-attribute因为如果我只是使用a, b, cas id,代码就会通过.我已经查到了id限制,这不是一个长度问题,而且我从一个角色开始,所以对我来说没关系.

问题:
为什么id第四个单选按钮的属性无效,其他三个按钮工作正常？

谢谢你的启发......

Answer 1

它们不一样,所以你的标签不是指表格元素......

                                 **
for: dyno_fe7ee1e9-6005-69e7-6205-5265c866fa79f_content_type_3
id:  dyno_fe7ee1e9-6005-69e7-620a5-5265c866f79f_content_type_3
                                 **