Question

我们假设我有以下结构

<table>
     <tr>
         <td>
             <input type="text" name="name" />
         </td>
         <td>
             <input type="submit" name="submit" />
         </td>
     </tr>
... 
</table>

我需要在每一行中都有表单，但由于我的输入在其他<td>元素中，我不知道如何放置<form>元素（当然我可以使用{{1并将表单放入其中，但我需要另外两个colspan="2"元素。

我该如何解决这个问题？

更新：我不想使用Javascript来解决这个问题：）

Answer 1

只需将标签放在桌子周围：

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

此表单将“处理”表格内的所有输入字段。

Answer 2

最佳解决方案：使用div而不是表。

其他解决方案，为每一行创建一个单独的表。这样，您可以将每个表放在一个单独的表单中，并将输入字段放在td-s中，这样它们也将在表单中。

Answer 3

您可以创建一个表格，并在表格单元格中创建一个表单，并在表单中创建另一个表格：

<table>
    <tr><td>
        <form>
            <table>
                <tr><td>
                    ....
                </tr></td>
            </table>
        </form>
    </tr></td>
</table>

我很确定如果表单不按顺序相互跟随，即表单中的“分配”输入，则无法在表单中混合和匹配输入。

如何将表单放入两个td元素？

3 个答案: