html - 在表格的每一行中发布新表格的正确方法？

Question

我有一个页面，其中有一个表格。在表格的每一行中，都有关于在线杂货配送订单的数据。在每一行的末尾，都有一个关于要对订单执行的操作的提交按钮，表单到此结束。新表格从下一行

开始

我到底应该把

和

标签放在哪里？我应该将

放在每个 之前，将

放在 之后，还是应该在每行的第一个数据单元格 中引入它们并在最后一个 中关闭？

我的意思是，页面可能在这两种方式下都可以正常运行，但是什么是“正确”的方式呢？现在 mozilla 代码 View 以红色显示表格标签。

这是现在的样子。

这是我用来为每个表行动态生成新表单的 php 代码的相关部分。我发布这个只是为了引用，因为这在这里根本不重要。我的问题是基于基本的 HTML，而不是基于 php。

for($i=0;$i<$count;++$i){
    $res.='<form action="" method="post">' ."\n" .'<input type="hidden" name="orderid" value="' .$orders[$i]->idcode .'" />';
    $res.="$nt<tr><td align=\"center\">" .$orders[$i]->display("pe","</td><td align=\"center\">") ."</td>$nt\t<td align=\"center\"><select name=\"agent\">$alistcode</select></td>$nt\t<td align=\"center\"><select name=\"vendor\">$vlistcode</select></td>";
    $res.="$nt\t<td align=\"center\"><input type=\"submit\" value=\"PROCESS\" /></td>\n</tr>\n</form>\n";
}
$res.="</table>";
echo $res;

Answer 1

HTML5 为您的问题提供了不错的解决方案。它的名字是form属性。把表格放到最后<td>并引用其id来自其他输入。参见示例。

<table>
    <tr>
        <td>
            <input type="text" name="inp1" form="form1" />
        </td>                         <!-- ^^^^  ^^^^^ -->
        <td>
            <form id="form1" method="get" action="/">
             <!-- ^^  ^^^^^ -->
                <input type="submit" name="submit1" value="submit" />
            </form>
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" name="inp2" form="form2" />
        </td>
        <td>
            <form id="form2" method="get" action="/"><input type="submit" name="submit2" value="submit" /></form>
        </td>
    </tr>
</table>