我仍然对这个讨论感兴趣。在最初的帖子后面是OP似乎共享的“需求”——即具有向后兼容性的表单。在我写这篇文章的时候，我的工作有时必须支持IE6(并且在未来的几年里)，我理解这一点。

在不推动框架的情况下(所有组织都希望在兼容性/健壮性方面让自己放心，我并不是用这个讨论作为框架的理由)，Drupal解决这个问题的方案是有趣的。Drupal也是直接相关的，因为这个框架有一个很长时间的政策，即“它应该在没有Javascript的情况下工作(只有当你想要的时候)”，即OP的问题。

Drupal使用相当广泛的形式。Inc函数来查找triggering_element(是的，这是代码中的名称)。请参阅form_builder API页面上列出的代码的底部(如果您想深入了解细节，建议使用源代码drupal-x.xx/includes/form.inc)。构建器使用自动HTML属性生成，通过它，可以在返回时检测按下了哪个按钮，并相应地采取行动(这些也可以设置为运行单独的进程)。

除了表单构建器之外，Drupal还将数据“删除”操作分割到单独的url /表单中，可能是出于最初文章中提到的原因。这需要一些搜索/列表步骤(另一种形式!但是用户友好的)作为一个初步。但这样做的好处是消除了“提交所有内容”的问题。包含数据的大表单用于预期目的，即数据创建/更新(甚至是“合并”操作)。

换句话说，解决这个问题的一种方法是将表单转换为两个，然后问题就消失了(HTML方法也可以通过POST进行纠正)。

如果你真的不想使用多个表单(就像Jason建议的那样)，那么就使用按钮和onclick处理程序。

<form id='form' name='form' action='path/to/add/edit/blog' method='post'>
    <textarea name='message' id='message'>Blog message here</textarea>
    <input type='submit' id='save' value='Save'>
</form>
<button id='delete'>Delete</button>
<button id='cancel'>Cancel</button>

然后在javascript中(为了简单起见，我在这里使用jQuery)(尽管添加一些onclick处理程序有点多余)

$('#delete').click( function() {
   document.location = 'path/to/delete/post/id'; 
});
$('#cancel').click( function() {
   document.location = '/home/index';
});

我也知道，如果没有javascript，这将使一半的页面无法工作。

我知道这是一个老问题，但HTML5提供了一些新的选择。

第一种方法是将表单与标记中的工具栏分离，为删除操作添加另一个表单，并使用form属性将工具栏中的按钮与其各自的表单关联起来。

<form id="saveForm" action="/post/dispatch/save" method="post">
    <input type="text" name="foo" /> <!-- several of those here -->  
</form>
<form id="deleteForm" action="/post/dispatch/delete" method="post">
    <input type="hidden" value="some_id" />
</form>
<div id="toolbar">
    <input type="submit" name="save" value="Save" form="saveForm" />
    <input type="submit" name="delete" value="Delete" form="deleteForm" />
    <a href="/home/index">Cancel</a>
</div>

这个选项非常灵活，但最初的帖子也提到，可能需要对单个表单执行不同的操作。HTML5又来拯救我们了。您可以在提交按钮上使用formaction属性，因此同一表单中的不同按钮可以提交到不同的url。这个例子只是在表单之外的工具栏中添加了一个克隆方法，但是它在表单中嵌套的工作方式是一样的。

<div id="toolbar">
    <input type="submit" name="clone" value="Clone" form="saveForm"
           formaction="/post/dispatch/clone" />
</div>

http://www.whatwg.org/specs/web-apps/current-work/#attributes-for-form-submission

这些新特性的优点是，它们无需JavaScript就可以声明性地完成所有这些工作。缺点是旧的浏览器不支持它们，所以您必须为旧的浏览器做一些填充。

这是一个老话题了，但这个可能对某些人有用:

正如上面有人提到的，你可以使用虚拟形式。 前段时间我不得不克服这个问题。起初，我完全忘记了这个HTML限制，只是添加了嵌套表单。结果很有趣——我从嵌套中丢失了我的第一个表单。然后，它被证明是一种“技巧”，只是在实际的嵌套表单之前添加一个虚拟表单(将从浏览器中删除)。

在我的例子中，它看起来是这样的:

<form id="Main">
  <form></form> <!--this is the dummy one-->
  <input...><form id="Nested 1> ... </form>
  <input...><form id="Nested 1> ... </form>
  <input...><form id="Nested 1> ... </form>
  <input...><form id="Nested 1> ... </form>
  ......
</form>

工作良好的Chrome, Firefox和Safari。IE高达9(不确定10)和Opera不检测参数在主要形式。不管输入是什么，$_REQUEST全局变量都是空的。内在形式似乎在任何地方都很有效。

还没有测试这里描述的另一个建议-围绕嵌套表单的fieldset。

编辑:框架不起作用! 我只是在其他表单之后添加了Main表单(不再嵌套表单)，并使用jQuery的“克隆”来复制按钮单击表单中的输入。添加.hide()到每个克隆的输入以保持布局不变，现在它就像一个魅力。

您可以在页面上并排放置表单，但不嵌套吗?然后使用CSS使所有的按钮排成漂亮?

<form method="post" action="delete_processing_page">
   <input type="hidden" name="id" value="foo" />
   <input type="submit" value="delete" class="css_makes_me_pretty" />
</form>

<form method="post" action="add_edit_processing_page">
   <input type="text" name="foo1"  />
   <input type="text" name="foo2"  />
   <input type="text" name="foo3"  />
   ...
   <input type="submit" value="post/edit" class="css_makes_me_pretty" />
</form>

我认为杰森是对的。如果你的“删除”操作是一个最小的操作，那就把它单独放在一个表单中，并把它与其他按钮对齐，这样界面看起来就像一个统一的表单，即使它不是。

或者，当然，重新设计你的界面，让人们完全删除其他地方，这根本不需要他们看到巨大的形式。