Pouvez-vous imbriquer des formulaires html ?

Question

Est-il possible d'imbriquer des formulaires html comme ceci

<form name="mainForm">
  <form name="subForm">
  </form>
</form>

pour que les deux formes fonctionnent ? Mon ami a des problèmes avec cela. subForm fonctionne, tandis qu'une autre partie ne fonctionne pas.

Answer 1

En un mot, non. Vous pouvez avoir plusieurs formulaires dans une page, mais ils ne doivent pas être imbriqués.

De la projet de travail html5 :

4.10.3 Le form élément

Modèle de contenu :

Contenu du flux, mais sans descendants de l'élément de forme.

Answer 2

La deuxième forme sera ignorée, voir la page d'accueil. extrait de WebKit par exemple :

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;
}

Answer 3

Le html simple ne peut pas vous permettre de faire cela. Mais avec javascript vous pouvez le faire. Si vous utilisez javascript/jquery, vous pouvez classer vos éléments de formulaire avec une classe, puis utiliser serialize() pour ne sérialiser que ces éléments de formulaire pour le sous-ensemble d'éléments que vous voulez soumettre.

<form id="formid">
    <input type="text" class="class1" />
    <input type="text" class="class2">
</form>

Ensuite, dans votre javascript, vous pourriez faire ceci pour sérialiser les éléments class1

$(".class1").serialize();

Pour la classe 2, vous pourriez faire

$(".class2").serialize();

Pour l'ensemble du formulaire

$("#formid").serialize();

ou simplement

$("#formid").submit();

Answer 4

Une autre façon de contourner ce problème, si vous utilisez un langage de script côté serveur qui vous permet de manipuler les données affichées, consiste à déclarer votre formulaire html comme suit :

<form>
<input name="a_name"/>
<input name="a_second_name"/>
<input name="subform[another_name]"/>
<input name="subform[another_second_name]"/>
</form>

Si vous imprimez les données affichées (je vais utiliser PHP ici), vous obtiendrez un tableau comme celui-ci :

//print_r($_POST) will output :
    array(
    'a_name' => 'a_name_value',
    'a_second_name' => 'a_second_name_value',
    'subform' => array(
      'another_name' => 'a_name_value',
      'another_second_name' => 'another_second_name_value',
      ),
    );

Ensuite, vous pouvez simplement faire quelque chose comme :

$my_sub_form_data = $_POST['subform'];
unset($_POST['subform']);

Votre $_POST ne contient plus que les données du "formulaire principal", et les données du sous-formulaire sont stockées dans une autre variable que vous pouvez manipuler à volonté.

J'espère que cela vous aidera !

Answer 5

Comme Craig l'a dit, non.

Mais, concernant votre commentaire sur pourquoi :

Il serait peut-être plus facile d'utiliser 1 <form> avec les entrées et le bouton "Mettre à jour", et utiliser la copie des entrées cachées avec le bouton "Soumettre la commande" dans une autre <form> .