html - 将表单添加到表格行

Question

哪种是向表格行添加表单的有效方法（如果有）？

我有以下情况：

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

无效（至少我认为是）

Answer 1

将表格包裹在表单元素中：

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

但更好的是：如果可能的话，在没有表格的情况下构建您的表单。

Answer 2

表格和表单是 HTML 中的独立概念。人们有时会混淆它们。概念上的混乱常常伴随着混乱的标记。另一方面，表格和表格在某种意义上可以“混合”。具体来说，您可以将表格放在表单中，反之亦然，这样做通常很有用。但是你需要了解你在做什么。

表格和表单可以以任何一种方式嵌套。但是如果将表格放入表格中，则每个表格都必须完全包含在单个表格单元格中（实际上是一个 TD 元素）。因此，表格中的每一个都是完全独立的。

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

Answer 3

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