我刚刚想出了一个很好的方法来做jquery。

<form name="mainform">    
    <div id="placeholder">
    <div>
</form>

<form id="nested_form" style="position:absolute">
</form>

<script>
   $(document).ready(function(){
      pos = $('#placeholder').position();
      $('#nested_form')
         .css('left', pos.left.toFixed(0)+'px')
         .css('top', pos.top.toFixed(0)+'px');
   });
</script>

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

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

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

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

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

在没有javascript的情况下，我可以添加一组单选按钮来定义要采取的操作:

更新 删除 无论

然后，操作脚本将根据单选按钮集的值采取不同的操作。

另一种方法是按照您的建议在页面上放置两个表单，只是不嵌套。虽然布局可能很难控制:

<form name="editform" action="the_action_url"  method="post">
   <input type="hidden" name="task" value="update" />
   <input type="text" name="foo" />
   <input type="submit" name="save" value="Save" />
</form>

<form name="delform" action="the_action_url"  method="post">
   <input type="hidden" name="task" value="delete" />
   <input type="hidden" name="post_id" value="5" />
   <input type="submit" name="delete" value="Delete" />
</form>

在处理脚本中使用隐藏的“task”字段进行适当的分支。

如果你真的不想使用多个表单(就像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，这将使一半的页面无法工作。

对嵌套表单使用iframe。如果他们需要共享场地，那么……它并不是真正的嵌套。

为了回应Yar在评论中提出的问题，我提供了一些JavaScript，可以调整iframe的大小。对于表单按钮，可以安全地假设iframe在同一个域中。这是我使用的代码。你将不得不改变你自己的网站的数学/常数:

function resizeIFrame(frame)
{
    try {
        innerDoc = ('contentDocument' in frame) ? frame.contentDocument : frame.contentWindow.document;
        if('style' in frame) {
            frame.style.width = Math.min(755, Math.ceil(innerDoc.body.scrollWidth)) + 'px';
            frame.style.height = Math.ceil(innerDoc.body.scrollHeight) + 'px';
        } else {
            frame.width = Math.ceil(innerDoc.body.scrollWidth);
            frame.height = Math.ceil(innerDoc.body.scrollHeight);
        }
    } catch(err) {
        window.status = err.message;
    }
}

然后这样称呼它:

<iframe ... frameborder="0" onload="if(window.parent && window.parent.resizeIFrame){window.parent.resizeIFrame(this);}"></iframe>