2011-07-15 241 views
8

将表格添加到表格行是一种有效的方法(如果有的话)?将表格添加到表格行

我有以下情况:

<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

我如何添加一个表单元素,仍然有有效的HTML?

<table> 
    <form> 
    <tr> 
     <td><input type="text" name="q"></td> 
     <td><input type="text" name="a"></td> 
     <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    </form> 
</table> 

是无效的(至少我认为是)

回答

4

包装你的表格形式的元素:

<form action="/" name="form1"> 
    <table>...</table> 
</form> 

但即使更好:如果可能的话建立表单不表。

+5

为什么我不想使用表格的表格数据? – PeeHaa

+0

在您的特定示例中,可以将表格封装在表格中。另一方面,您可能会丢失信息,或者您的用户可能会感到困惑,因为如果他们一次输入多行,这些数据将会丢失! –

+3

我已经设置了一个演示页面来向您显示您的问题:http://tableinsideform.heroku.com/ –

0

表和形式在HTML不同的概念。人们有时会把他们混淆在一起。概念上的混乱往往伴随着混淆的标记。另一方面,表格和表格在某种意义上可以是“混合”的。具体而言,您可以将表放入表单中,反之亦然,这样做通常很有用。但是你需要明白你在做什么。

表格和表格可以嵌套。但是,如果将表单放入表格中,则每个表格必须完全包含在一个表格单元格中(实践中一个TD元素)。从而形式都是完全独立的。

AFAIK使用表格来格式化表格是有效的。

+0

不好意思搞砸了问题的格式。问题中的表格有哪些选项? – PeeHaa

+0

首先HTML是无效的,因为你还没有关闭标签。它应该是这样的: 你问在哪里把

标签或者你可以有multime 单元内的元素?你应该把标签放在表格之外。 –

+0

@Igor - 它不是XHTML。斜杠不是必需的(并且在HTML 4中显然是错误的) – Quentin

-1
<form action="/" name="form1"> 
<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

    </form> 

<table> 
    <tr> 
     <td colspan="2"> <form action="/" name="form1"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
<tr><td colspan="2"> </form></td></tr> 

...... 

</table> 
+0

呵呵?什么q和什么会在请求? – PeeHaa

+0

你需要为每一行添加一个新的? – AlexC

+0

是的,这就是我需要的 – PeeHaa