拆分HTML表单？(Split html forms?)

我想知道是否有可能分裂HTML表单？

基本上我有一个正常的形式

<form action="/post.php" method="post" id="postform">
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

然后，我有一个AJAX的图片上传，其中包括它自己的形式，由于它是如何工作的。

然后之后，我想有第一种形式提交按钮。

我知道我可以有一个JavaScript提交按钮，但关闭的人都不能没有JavaScript。 所以我想知道如果有可能的形式分成多个组？

例如，我知道这是行不通的，但它说明了我想做的事情..

<form action="/post.php" method="post" id="postform">
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

<!-- form for ajax image upload here -->

<!-- continuation of first form -->
<form action="/post.php" method="post" id="postform"> 
    <!-- this button should submit the top form -->
    <input type="submit" value="Submit"/>
</form>

Answer 1:

在HTML5其尽可能在指出https://stackoverflow.com/a/8380229/556085 ：

样品形式：

<form id="formID" action="action" method="post">
    Text: <input type="text" value="some_id" name="some_name" />
</form>

而您将提交引用的形式通过了，你要ID提交

<input type="submit" name="save" value="Save" form="formID" />

Answer 2:

您也可能通过不同形式的标签分离，用不同的ID不同的形式，那么你就可以触发表单提交事件与JavaScript。

如果没有客户端的JavaScript，我不知道该怎么办呢？

Answer 3:

该表格属性不会在所有的浏览器。

我normaly做与ID的形式隐藏的输入。 我更新的形式之外的输入与的onblur那些隐藏的投入。

<form action="/post.php" method="post" id="postform">
    <input type="hidden" id="phone" name="phone"/>
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

<input type="phone" onblur="javascript:getElementById('phone').value=this.value"/>

文章来源: Split html forms?