Saltar al contenido

¿Puedes anidar formularios html?

Solución:

En una palabra, no. Puede tener varios formularios en una página, pero no deben estar anidados.

Del borrador de trabajo html5:

4.10.3 El form elemento

Modelo de contenido:

Contenido de flujo, pero sin descendientes de elementos de formulario.

Me encontré con un problema similar y sé que no es una respuesta a la pregunta, pero puede ser de ayuda para alguien con este tipo de problema:
si es necesario poner los elementos de dos o más formas en una secuencia dada, la HTML5 <input> form atributo puede ser la solución.

De http://www.w3schools.com/tags/att_input_form.asp:

  1. La forma atributo es nuevo en HTML5.
  2. Especifica cual <form> elemento un <input> al que pertenece el elemento. El valor de este atributo debe ser el atributo id de un <form> elemento en el mismo documento.

Guión:

  • input_Form1_n1
  • input_Form2_n1
  • input_Form1_n2
  • input_Form2_n2

Implementación:

<form id="Form1" action="Action1.php" method="post"></form>
<form id="Form2" action="Action2.php" method="post"></form>

<input type="text" name="input_Form1_n1" form="Form1" />
<input type="text" name="input_Form2_n1" form="Form2" />
<input type="text" name="input_Form1_n2" form="Form1" />
<input type="text" name="input_Form2_n2" form="Form2" />

<input type="submit" name="button1" value="buttonVal1" form="Form1" />
<input type="submit" name="button2" value="buttonVal2" form="Form2" />

Aquí encontrará la compatibilidad del navegador.

El segundo formulario será ignorado, vea el fragmento de WebKit por ejemplo:

bool HTMLParser::formCreateErrorCheck(Token* t, RefPtr<Node>& result)
{
    // Only create a new form if we're not already inside one.
    // This is consistent with other browsers' behavior.
    if (!m_currentFormElement) {
        m_currentFormElement = new HTMLFormElement(formTag, m_document);
        result = m_currentFormElement;
        pCloserCreateErrorCheck(t, result);
    }
    return false;
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *