表格中的表格未正确显示答案

【问题标题】：Form in Table not displaying right表格中的表格未正确显示
【发布时间】：2013-03-21 20:25:42
【问题描述】：

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

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

我需要在我的网站中添加一张表格，但我不需要。我决定尝试在表格中放置一个表格。我将表单放在<tr> 标记内，但显示不正确。

如果你们有更好的餐桌创意，那我就听好了。

http://www.gracepensacola.com

【问题讨论】：

标签： html forms html-table

【解决方案1】：

在 Google 上搜索了几个页面后，我发现了一个示例。我把例子放在 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>

【讨论】：

【解决方案2】：

我猜想将表单放入 tr 标记不是有效的 HTML。你需要做的是这样的：

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

【讨论】：