html - 创建两个表单以在没有 JavaScript 的情况下提交正交分布的输入

Question

考虑以下 HTML 片段:

<input type="submit" value="Delete selected"><input type="submit" value="Print selected">
<div class="table">
  <div class="row">
    <span class="cell"><input type="checkbox" name="chose" value="1"></span>
    <span class="cell"><input type="text" name="name" value="Joe"></span>
    <span class="cell"><input type="text" name="age" value="23"></span>
    <span class="cell"><input type="submit" name="save" value="Save"></span>
    <span class="cell"><input type="submit" name="delete" value="Delete"></span>
  </div>
  <div class="row">
    <span class="cell"><input type="checkbox" name="chose" value="2"></span>
    <span class="cell"><input type="text" name="name" value="Jack"></span>
    <span class="cell"><input type="text" name="age" value="42"></span>
    <span class="cell"><input type="submit" name="save" value="Save"></span>
    <span class="cell"><input type="submit" name="delete" value="Delete"></span>
  </div>
</div>

结果是如下文档:

我想以这样一种方式创建两个表单，上面的按钮提交复选框...

...和行按钮在同一行中提交输入:

虽然这个例子只有两行，但我想知道如何做到任意行数。此外，该解决方案不应使用 JavaScript(即使我知道如何使用 JavaScript)。 OTOH 如果不改变视觉结果，可以重新排列元素的位置并使用 CSS。

那么，有可能吗？

注意:我使用的是<div> s 而不是 <table>所以我们不需要考虑在表格中使用表格的正确性。

Answer 1

发送的部分发布信息是用于提交值为“提交”的按钮的名称。如果相应地命名它们，则可以确定要保存哪一行。