表格和表格渲染顺序倒置

Question

我不知道为什么我的表出现在表单元素下面。即使我把它放在html中的表单元素之上。有没有类似的经历？

<h2>Current tasks</h2>
<div>
<table border="1" style="width:100%" class="task-db-table"><tr><th>Task</th><th>Start Date</th><th>End Date</th><th>Creation Date</th></tr><tr>
            <td>dghgt</td>
            <td>2015-12-30 11:02:00</td>
            <td>2015-12-31 23:12:00</td>
            <td>2015-12-29 09:09:36</td>
            </tr></div>
<h2>Insert</h2>
<div>
<form id="form" action="" method="post">
Task: <input type="text" name="task"><br>
Start date: <input type="datetime-local" name="startdate"><br>
End date: <input type="datetime-local" name="enddate"><br>
<input type="submit">
</form>
</div>

该表格显示在表单元素下方。

Answer 1

请参阅http://youtube.com/USER_PLAYLIST

您忘了关闭<table>，因此您的表单会出现在桌子上方。请在最后</table>之后添加</tr>。

而且，fiddle是你的代码的小提琴。如果错过</table>，请查看更改。;）

Answer 2

您似乎错过了结束表标记</table>