html5验证表单标签

时间:2011-02-28 02:17:38

标签: html html5 forms validation

“label元素的for属性必须引用表单控件。”

老实说,我不明白标记有什么问题。我已经浏览了W3的这么多网站而且无法得到它。

帮助?

HTML:

<form action="process.php" method="post">
    <div>
        <label for="name">Name</label><br />
        <input type="text" value="" name="name" />
    </div>
    <div>
        <label for="email">E-mail</label><br />
        <input type="text" value="" name="email" />
    </div>
    <div>
        <label for="message">Message</label><br />
        <textarea name="message" cols="30" rows="4"></textarea>
    </div>
    <div>
        <input type="checkbox" value="yes" name="newsletter" />
        <label for="newsletter">Subscribe to newsletter</label>
    </div>
    <div>
        <input type="submit" value="Submit" name="subscribe" />
    </div>
</form>

2 个答案:

答案 0 :(得分:17)

您错过了id属性。

所以要解决它,例如:

<input type="text" value="" name="email" id="email" />

就是这样。 Linky.

答案 1 :(得分:8)

Thirtydot是正确的;你的表格中有错误的身份证明。我添加了所有。 检查一下:

<form action="process.php" method="post">
    <div>
        <label for="name">Name</label><br />
        <input type="text" id="name" value="" name="name" />
    </div>
    <div>
        <label for="email">E-mail</label><br />
        <input type="text" id="email" value="" name="email" />
    </div>
    <div>
        <label for="message">Message</label><br />
        <textarea name="message" id="message" cols="30" rows="4"></textarea>
    </div>
    <div>
        <input type="checkbox" id="newsletter" value="yes" name="newsletter" />
        <label for="newsletter">Subscribe to newsletter</label>
    </div>
    <div>
        <input type="submit" value="Submit" name="subscribe" />
    </div>
</form>