Question

我已阅读其他问题，但我似乎无法将其应用于我的问题。

在验证器中它给出了问题'标签元素的for属性必须引用表单控件'。

有人可以帮帮我吗？这是我的代码：

<h2>Contact Us</h2>
<form name="contactform" method="post"
      action="http://dev.itas.ca/~christopher.allison/send_form_email.php">
    <table>
        <tr> 
            <td> 
                <label for="first_name">First Name *</label> 
            </td> 
            <td> 
                <input  type="text" name="first_name" maxlength="50" size="30"> 
            </td>
        </tr>
        <tr> 
            <td> 
                <label for="last_name">Last Name *</label> 
            </td> 
            <td> 
                <input  type="text" name="last_name" maxlength="50" size="30"> 
            </td>
        </tr>
        <tr> 
            <td> 
                <label for="email">Email Address *</label> 
            </td> 
            <td> 
                <input  type="text" name="email" maxlength="80" size="30"> 
            </td>
        </tr>
        <tr> 
            <td> 
                <label for="telephone">Telephone Number</label>
            </td> 
            <td> 
                <input  type="text" name="telephone" maxlength="30" size="30"> 
            </td>
        </tr>
        <tr> 
            <td> 
                <label for="comments">Comments *</label> 
            </td> 
            <td > 
                <textarea  name="comments" maxlength="1000" cols="25" rows="6"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center"> 
                <div class="buttonHolder">

                    <input value="Submit" title="submit" name="lucky" type="submit" id="btn_i">
                </div>   
            </td>
        </tr>
    </table>
</form>
</div><!--close form_settings-->

Answer 1

您遇到的问题是for属性必须引用输入的id属性而不是name：

<label for="first_name">First Name *</label> 
<input type="text" id="first_name" name="first_name" maxlength="50" size="30">

您仍然可以将name属性用于任何您想要的内容，但要将label与input关联起来，您需要添加ID。

查看label文档。

label元素的for属性必须引用表单控件？

1 个答案: