具有多个可标记子体的html5标签元素

所以我正在检查并验证我的站点，我注意到了9个错误，但这一个让我难堪

Line 96, Column 27: label element with multiple labelable descendants.
                    <label><h1>Birthday</h1>

第96行第27列：具有多个可标记子体的标签元素。
生日

完整代码如下：

<label><h1>Birthday</h1>
                        <select name="day">
                            <option value="00" disabled selected>Day</option>
                            <?php
                            for($i=1;$i<=31; $i++)
                            {
                               $n = sprintf("%02s", $i);
                               echo '<option value="'.$n.'">'.$n.'</option>';
                            }
                            ?>
                        </select>
                        <select name="month">
                            <option value="00" disabled selected>Month</option>
                            <?php
                            for($i=1;$i<=12; $i++)
                            {
                               $n = sprintf("%02s", $i);
                               echo '<option value="'.$n.'">'.date("F",strtotime('01.'.$n.'.2001')).'</option>';
                            }
                            ?>
                        </select>
                        <select name="year">
                            <option value="00" disabled selected>Year</option>
                            <?php
                                $year = date("Y");
                            for($i=$year-99;$i<=$year; $i++)
                            {

                               echo '<option value="'.$i.'">'.$i.'</option>';
                            }
                            ?>
                        </select>
                    </label>

生日
白天
月
在
标签
中有多个
select
元素，并且所选内容都是“可标签的”

见：

规范实际上说“如果[…]标签元素有一个可标签的元素子体，那么树顺序中的第一个这样的子体就是标签元素的标签控件”，因此在您的示例中，浏览器应该将标签视为第一个选择元素的标签