拆分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表單？

回答

相關問題