Formulario dentro de un formulario, ¿está bien?

Question

Si podemos tener un formulario dentro de otra forma ?. ¿Hay algún problema con eso?

Answer 1

Aunque puede tener varios elementos <form> en una página HTML, no puede anidarlos.

Answer 2

Sí, sí. Está mal. No funcionará porque está mal. La mayoría de los navegadores solo verán una forma.

http://www.w3.org/MarkUp/html3/forms.html

Answer 3

No. HTML prohíbe explícitamente formas anidadas.

Desde el HTML 5 draft:

modelo de contenido: contenido de flujo, pero sin descendientes elemento de formulario.

Desde el HTML 4.01 Recommendation:

<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->

(Nota del - sección (FORM)).

Answer 4

No es XHTML válido tener que tener formularios anidados. Sin embargo, puede usar múltiples botones de envío y usar un script en el servidor para ejecutar diferentes códigos dependiendo del botón en el que los usuarios hayan hecho clic.

Answer 5

n no podemos formas de anidación dentro de otra forma como este

<form name='form1'> 
     <form name='form2'> 
      //some code here 
     </form> 
</form> 

que funcionará en algunos casos, pero no se recomienda para las plataformas universales. Puede usar muchos botones ENVIAR dentro de un único formulario, pero no puede administrar un formulario anidado de manera apropiada.

Answer 6

Si tiene un formulario maestro y está forzado a tener un "formulario con un formulario" Esto es lo que puede hacer ... en mi caso tenía un enlace en el encabezado global y quería realizar una publicación cuando se haga clic: forma

Ejemplo post con botón de enlace de confirmación:

en lugar de una forma ... envolver su entrada en un div:

<div id="gap_form"><input type="hidden" name="PostVar"/><a id="myLink" href="javascript:Form2.submit()">A Link</a></div> 

js archivo:

$(document).ready(function() { 
(function() { 
    $('#gap_form').wrap('<form id="Form2" action="http://sitetopostto.com/postpage" method="post" target="_blank"></form>'); 
})();}); 

Esto envolvería todo en el interior del div "gap_form" dentro de un formulario sobre la marcha y el enlace enviaría ese formulario. Tengo este ejemplo exacto trabajando en una página ahora ... (En mi ejemplo ... Usted podría lograr lo mismo al redirigir a una página nueva y enviar el formulario en esa página ... pero me gusta más)

Answer 7

Los formularios anidados no son compatibles y no forman parte del estándar w3c (como muchos de ustedes han indicado).

Sin embargo, HTML5 agrega soporte para las entradas que no tienen que ser descendientes de ninguna forma, pero pueden enviarse de varias formas, utilizando el atributo "formulario". Esto no permite exactamente formas anidadas, pero al usar este método, puede simular formularios anidados.

El valor del atributo "formulario" debe ser id. Del formulario, o en el caso de formularios múltiples, identificador de formulario separado con espacio.

Puede leer más here

Answer 8

Otra solución sería iniciar una ventana modal que contiene su propia forma

Answer 9

Formulario de anidación se puede lograr con representación de atributo nuevo HTML5 del elemento de entrada. Aunque no anidamos las formas estructuralmente, las entradas se evalúan tal como están en su propia forma. En mis pruebas, 3 navegadores principales admiten esto, excepto IE (IE11). La limitación de anidamiento de formulario era un gran obstáculo para el diseño de la IU HTML.

Aquí hay un código de ejemplo, al hacer clic en el botón Guardar debería ver "2 3 éxito" (original http://www.impressivewebs.com/html5-form-attribute/):

<form id="saveForm" action="/post/dispatch/save" method="post"></form> 
<form id="deleteForm" action="/post/dispatch/delete" method="post"></form> 

<div id="toolbar"> 
    <input type="text" name="foo" form="saveForm" /> 
    <input type="hidden" value="some_id" form="deleteForm" /> 
    <input type="text" name="foo2" id="foo2" form="saveForm" value="success" /> 

    <input type="submit" name="save" value="Save" form="saveForm" onclick="alert(document.getElementById('deleteForm').elements.length + ' ' + document.getElementById('saveForm').elements.length + ' ' + document.getElementById('saveForm').elements['foo2'].value);return false;" /> 
    <input type="submit" name="delete" value="Delete" form="deleteForm" /> 
    <a href="/home/index">Cancel</a> 
</div>