html - 避免在表格中嵌套表格

Question

如何创建以下有效的 (x)HTML，其中复选框和单选按钮(第 3 列和第 4 列)以及保存按钮都是一个大表单的一部分，而所有删除按钮(最后一列)都是它们的提交按钮拥有单独的表单(有一个带有区域设置 ID 的隐藏字段)，而不使用 javascript？

language | region | active | default |
-----------------------------------------------
en       | GB     | [x]    | (*)     | X delete
nl       | NL     | [x]    | ( )     | X delete
nl       | BE     | [x]    | ( )     | X delete

[save]

使用表格，我最终不得不嵌套表格，这当然是无效的。所以，我想知道，我还有什么其他的可能性。也许是 float 列？

Answer 1

您可以使用单个表单。利用按下按钮的名称-值对也将作为请求参数发送的事实。在填充 HTML 表单期间，在按钮名称中动态内联区域设置 ID。

<input type="submit" name="delete_1" value="Delete" />
<input type="submit" name="delete_2" value="Delete" />
<input type="submit" name="delete_3" value="Delete" />

然后在服务器端检查是否有任何一个被按下(伪/Java 风格):

for (Locale locale : locales) {
    if (request.getParameter("delete_" + locale.getId()) != null) {
        // Delete button is pressed for this locale.
    }
}