表格中的表格没有显示正确

时间:2013-03-31 16:57:49

标签: html forms html-table

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

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

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

如果你们都有更好的餐桌创意,那么我全都听见了。

http://www.gracepensacola.com

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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