表格中的表单未显示在右侧

Question

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

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

我需要在我的网站中包含一个表格，但我不需要一个。我决定试着把一个表格放在桌子里面。我把我的表单放在一个<tr>标签里，但是它不能正确显示。

如果你们有更好的餐桌点子，我洗耳恭听。

http://www.gracepensacola.com

Answer 1

在谷歌上搜索了几个页面后，我偶然发现了一个例子。我将示例放在JsFiddle中。

<table>应该嵌套在<form>中。

http://jsfiddle.net/Wf33B/

<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>

Answer 2

我猜把一个表单放入tr标签不是一个有效的超文本标记语言。你需要做的就是这样：

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