Html 表中的窗体未正确显示

Html 表中的窗体未正确显示,html,forms,html-table,Html,Forms,Html Table,我是一名高中二年级学生,正在学习网页设计。整个夏天,我自学了HTML和基本CSS。这是有益的,因为我的网页设计老师对HTML、CSS或JavaScript一无所知。我们必须建立一个个人网站,老师说我可以做我教会的网站,因为我已经在做了 老师让我们用课堂上讲过的书中的东西。这本书过时了。它教授框架/框架集、表格布局,并讨论了waring Netscape和Internet Explorer的兼容性。(我正在做一个真正的网站。没有任何框架。) 我需要在我的网站包括一个表,但我没有一个需要。我决定试着

我是一名高中二年级学生,正在学习网页设计。整个夏天,我自学了HTML和基本CSS。这是有益的,因为我的网页设计老师对HTML、CSS或JavaScript一无所知。我们必须建立一个个人网站,老师说我可以做我教会的网站,因为我已经在做了

老师让我们用课堂上讲过的书中的东西。这本书过时了。它教授框架/框架集、表格布局,并讨论了waring Netscape和Internet Explorer的兼容性。(我正在做一个真正的网站。没有任何框架。)

我需要在我的网站包括一个表,但我没有一个需要。我决定试着在桌子里面放一张表格。我将我的表单放在
标记中,但它没有正确显示

如果你们有更好的餐桌建议,那我洗耳恭听


我猜将表单放入
tr
标记不是有效的HTML。您需要做的是这样的事情:

<table>
   <tr>
      <td>Put your form here</td>
   </tr>
</table>

把你的表格放在这里

在谷歌上搜索了几页后,我发现了一个例子。我把这个例子放在JsFiddle中

应该嵌套在
的内部


用户名:
密码:
<form method="post">
    <table>
        <tr>
            <td>
                <label for="username">Username:</label>
            </td>
            <td>
                <input type="text" name="username" id="username" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="password">Password:</label>
            </td>
            <td>
                <input type="password" name="password" id="password" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="cancel" value="Cancel" />
            </td>
            <td>
                <input type="submit" name="send" value="Send" />
            </td>
        </tr>
    </table>
</form>