HTML5验证-似乎已关闭的未关闭元素

HTML5验证-似乎已关闭的未关闭元素,html,validation,Html,Validation,尝试在HTML5中验证此页面时出错: 未关闭的元素字段集 杂散结束标记字段集 未关闭的元素形式 对于此html块: <form class="pure-form pure-form-aligned" id="submit_form_contact" novalidate> <fieldset> <div class="pure-control-group"> <label for

尝试在HTML5中验证此页面时出错:

  • 未关闭的元素字段集
  • 杂散结束标记字段集
  • 未关闭的元素形式
对于此html块:

<form class="pure-form pure-form-aligned" id="submit_form_contact" novalidate>
        <fieldset>
            <div class="pure-control-group">
                <label for="name">Your Name:</label>
                <input id="name" type="text" placeholder="Name" name="name" required>
            </div>

            <div class="pure-control-group">
                <label for="email">Your Email:</label>
                <input id="email" type="email" placeholder="Email Address" name="email" required>
            </div>

            <div class="pure-control-group">
                <label for="email_text">Inquiry Type: </label>
                <select id="inquiry_dropdown" class="pure-input-1-2" name="inquiry">
                    <option>General</option>
                    <option>Sales & Marketing</option>
                    <option>Press & Editorial</option>
                </select>
            </div>

            <div class="pure-control-group">
                <label for="message" style="vertical-align: top;">Message:</label>
                <textarea id="message" type="text" placeholder="Enter message here..." name="message"></textarea>
            </div>                      

            <div id="errors" style="text-align: center; color: red;"></div>

                <button id="contact_submit" class="pure-button pure-button-primary" style="background-color: #003A70; float:right; margin-right: 35px;margin-top:15px;">Submit</button>
            </div>

        </fieldset>
</form>

你的名字:
您的电子邮件:
查询类型:
一般的
销售与营销
新闻与社论
信息:
提交
。。。我不明白为什么。一切似乎都关好了。有人能发现我做错了什么吗?

您的“联系人提交”按钮后有一个
,但没有相应的
。这导致解析器陷入困境

我建议使用一个代码编辑器,比如记事本++——它的一个功能是标记匹配,它可以很容易地告诉你是否有不匹配的标记。

你的“联系人提交”按钮后有一个
,但没有相应的
。这导致解析器陷入困境


我建议使用一个代码编辑器,比如Notepad++,它的一个功能是标记匹配,在这里它可以很容易地告诉你是否有不匹配的标记。

提示:
可以用来封装表单元素。只写
你的名字:
要容易得多。是的,我通常会这么做,但我使用的是一个PURECSS表单模板,它似乎是以另一种方式构造的。提示:
可以用来封装表单元素。只写
你的名字:
要容易得多。是的,我通常会这么做,但我使用的是一个PURECSS表单模板,它似乎喜欢以另一种方式构建。我怎么会错过呢?我想,把它和“错误”一栏排成一行让我很不舒服。非常感谢,我会尽快将此标记正确。@Tim另外,您应该将
&
编码为
&&
编码为
&
虽然HTML5并不严格要求有自动关闭的输入标记,但它可能会使代码更加一致,以便下一个阅读它的人使用。