Formas html divididas?

Question

Me pregunto si es posible dividir formularios html?

Básicamente tengo una forma normal

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

Entonces tengo una carga de imágenes Ajax, que incluye su forma propia, debido a la forma en que funciona.

Luego de eso deseo tener el botón de enviar para el primer formulario.

Sé que puedo tener un botón de envío de javascript, pero eso cierra a cualquiera sin Javascript. Entonces, me pregunto si es posible dividir un formulario en varios grupos.

p. Ej. Sé que esto no va a funcionar, pero demuestra lo que yo quiero hacer ..

<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

En HTML5 su posible como se ha señalado en https://stackoverflow.com/a/8380229/556085:

Formulario de muestra:

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

Y usted coloca el envío haciendo referencia al formulario para enviar a través de su ID donde desea

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

Answer 2

Usted puede tener diferentes formas, que están separados por medio de diferentes etiquetas de formulario, con diferentes ID, entonces se puede disparar el formulario de envío de eventos con javascript

sin JavaScript en el cliente, no tengo idea de cómo hacerlo ...

Answer 3

La propiedad del formulario no funciona en todos los navegadores.

Normalmente hago entradas ocultas en el formulario con ID. Actualizo esas entradas ocultas con onblur en las entradas fuera del formulario.

<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"/>