拆分html表单？

我想知道是否有可能分割HTML表单？拆分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>

来源

2012-09-11 Hailwood

你是什么意思“多个团体”？你可以在一个页面上有多个表单（只要它们没有嵌套）。 – Oded

所以基本上一个表格分成两个，我会加入到这个问题中...... – Hailwood

我们走了......有意义吗？ – Hailwood

在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-23 13:25:14 KillerX

请注意，这不支持在IE浏览器http://caniuse.com/#feat=form-attribute – HaroldHues

@HaroldHues我会说这是相关的：https：//s-media-cache-ak0.pinimg.com /originals/78/80/25/7880252a1887240607b4e3f5f672f88d.jpg – KillerX

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

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

来源

2012-09-11 13:47:56 Mahdi

看起来像没有javascript就不能完成：/ – Hailwood

也许在HTML 6中，我们有一种原生脚本语言！ ;） – Mahdi

表单属性在所有浏览器中都不起作用。

我正常地使用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-14 11:08:24 user2831126

拆分html表单？

回答

相关问题