尝试在 HTML5 中验证此页面时遇到错误:
- 未封闭的元素字段集。
- 杂散结束标记字段集。
- 未封闭的元素形式。
对于这个 html block :
<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>
...我不明白为什么。一切似乎都已正确关闭。谁能发现我做错了什么吗?
最佳答案
您有一个</div>
在您的“contact_submit”按钮之后,但没有相应的<div>
。这导致解析器异常。
我建议使用诸如 Notepad++ 之类的代码编辑器 - 它的功能之一是标签匹配,它可以轻松告诉您是否有不匹配的标签。
关于HTML5 验证 - 看似关闭的未关闭元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19056583/