16

我想知道是否可以拆分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>
4

3 回答 3

28

在 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" />
于 2013-01-23T13:25:14.900 回答
1

您可能有不同的表单，它们通过不同的表单标签分隔，具有不同的 id，然后您可以使用 javascript 触发表单提交事件。

客户端上没有javascript，我不知道该怎么做......

于 2012-09-11T13:47:56.493 回答
0

form 属性不适用于所有浏览器。

我通常在带有 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"/>
于 2014-05-14T11:08:24.747 回答