Разделить 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>

Ответ 1

В HTML5 это возможно, как указано в fooobar.com/questions/7123/...:

Образец формы:

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

И вы помещаете отправку, ссылающуюся на форму, чтобы отправить через свой идентификатор, где хотите

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

Ответ 2

У вас могут быть разные формы, разделенные с помощью разных тегов формы, с разными идентификаторами, тогда вы можете запустить форму отправки события с помощью javascript.

Без javascript на клиенте, я понятия не имею, как это сделать...

Ответ 3

Свойство формы не работает во всех браузерах.

Я нормально делаю скрытые входы в форме с идентификаторами. Я обновляю эти скрытые входы с помощью 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"/>