Est-il valable pour avoir un formulaire html à l'intérieur d'un autre formulaire html?

Est-il valide en html pour les éléments suivants:

<form action="a">
    <input.../>
    <form action="b">
        <input.../>
        <input.../>
        <input.../>
    </form>
    <input.../>
</form>

Ainsi, lorsque vous soumettez "b", vous obtenez seulement les champs à l'intérieur de la forme. Lorsque vous soumettez "un", vous obtenez tous les domaines moins dans les "b".

Si il n'est pas possible, à ce que des solutions de contournement pour ce problème sont disponibles?

  • Il me semble que c'est en fait très commun qui est familier à partir de db interfaces -- Si une forme de mises à jour de la table A et que la table a un domaine lié à la table B, nous avons souvent besoin d'un moyen de mettre à jour ou créer des entrées pour ce champ relié sans avoir à quitter l'écran actuel. Imbriquée des sous-formulaires serait une manière très intuitive pour le faire (et est l'interface utilisateur mis en œuvre par plusieurs bases de données de bureau).
  • Il n'est pas valide. Il existe des solutions de contournement, mais vous devriez être en utilisant une autre méthode pour obtenir ces données. Envisager une forme de l'envoi de toutes les données à un mail de PHP script, qui soumet ensuite une partie (la partie à partir d'un) comme un email, et une partie (la partie de b) comme un autre e-mail. Ou dans une base de données, ou de ce que vous faites avec ces données. L'imbrication des formes peut être fait, mais ce n'est PAS la réponse!
  • double possible de vous Pouvez imbriquer des formulaires html?
  • La question est bonne, mais une rapide recherche sur google (sans cliquer sur les liens proposés même) révèle que les formes dans les formulaires est valide ou non. personnellement, j'aimais @Andreas réponse.
InformationsquelleAutor | 2009-02-17
  1. 349

    A. Il n'est pas valide en HTML ni XHTML

    Dans l'officiel du W3C XHTML spécification, de la Section B. Élément Interdictions", stipule que:

    "form must not contain other form elements."

    http://www.w3.org/TR/xhtml1/#prohibitions

    Comme pour les plus âgés HTML 3.2 spec,
    la section sur les FORMES de l'élément, qui stipule que:

    "Chaque formulaire doit être placé à l'intérieur d'un
    Élément de FORMULAIRE. Il peut y avoir plusieurs
    les formes en un seul document, mais l'
    Élément de FORMULAIRE ne peut pas être imbriquées à l'."

    B. La Solution De Contournement

    Il existe des solutions de contournement à l'aide de JavaScript sans avoir besoin d'imbriquer des balises de formulaire.

    "Comment créer un formulaire imbriqué." (malgré le titre c'est pas imbriquée balises de formulaire, mais un JavaScript solution de contournement).

    Les réponses à cette question StackOverflow

    Remarque: Bien que l'on peut tromper les Validateurs du W3C pour passer d'une page en manipulant le DOM via un script, c'est pas encore légal HTML. Le problème avec l'utilisation de ces approches est que le comportement de votre code est maintenant pas garanti sur tous les navigateurs. (puisqu'il n'est pas standard)

    • pshh normes. Le mot m'insulte
    • Ce n'pshh standard pour?
    • "Pshh" dans ce contexte, est apparemment une onomatopée utilisée pour exprimer le dégoût particulier avec un corps de normes. Transmet le même sens que "ouais droite", du "comme si" ou "cela". En ce début de 21e siècle, le mot est devenu une phrase dans son propre droit; en effet, une interjection, il est utilisé comme un passif-agressif de la conversation outil de blocage, laissant le répondeur sans convaincre de la cornue. Mot a ce que le W3C a publié un Travail Draf décrivant le bien-fondé de l'introduction de la <pssh> élément dans une future version de HTML.
    • Voir mon commentaire ci-dessus.... C'est une merveilleuse réponse, un grand travail, mais une terrible pratique. Vous pouvez faire exactement la même chose avec moins de tracas de soumettre toutes les données à un script PHP, et en divisant et en l'envoyant à leurs propres destinations à partir de là. Bien que, vous n'avez à répondre à la question qui est génial, c'est juste un mauvais et inutile de la pratique parce que vous pourriez faire de la bonne façon en moins de temps.
    • lorsque le commentaire est plus upvotes de la réponse.
    • Et c'est prouvé. Codeurs avec post-universitaire d'anglais degrés d'obtenir le plus de commentaire upclicks.

    InformationsquelleAutor GeneQ
  2. 48

    Au cas où quelqu'un trouve ce post ici est une excellente solution sans avoir besoin de JS. L'utilisation de deux boutons submit, avec différents attributs de nom de vérifier dans votre langue du serveur qui soumettent des bouton a été pressé causer un seul d'entre eux sera envoyé au serveur.

    <form method="post" action="ServerFileToExecute.php">
    <input type="submit" name="save" value="Click here to save" />
    <input type="submit" name="delete" value="Click here to delete" />
</form>

    Le côté serveur pourrait ressembler à quelque chose comme ceci si vous utilisez php:

    <?php
    if(isset($_POST['save']))
        echo "Stored!";
    else if(isset($_POST['delete']))
        echo "Deleted!";
    else
        echo "Action is missing!";
?>
    • Ce n'est pas le même, dans ce cas, vous voulez aller à la même page et de faire des actions différentes, avec 2 formes vous pouvez accéder aux différentes pages Et/ OU ont des informations différentes envoyé dans chaque cas.
    • Vous pouvez utiliser un fichier php comme wrapper et inclure n'importe quel fichier que vous voulez si vous voulez le code dans des fichiers différents. Ainsi, au lieu de (echo "stockées!";) vous pouvez écrire (en indiquant "a.php";)
    • J'ai plusieurs de supprimer des boutons dans mon formulaire (la raison pour laquelle j'étais venue ici une imbriqué) 1 pour chaque enregistrement et une liste de case à cocher sur chacun de faire une suppression en bloc. Votre réponse m'a incité à repenser mon plan im penser maintenant que je dois nommer les boutons pour l'individu supprimer avec un id numérique et la suppression en bloc comme ça. Il faire de php faire le tri.
    • est sur l'argent. C'est la solution naturelle pour varier la façon dont le formulaire de saisie est interprété. Si vous utilisez Post/Redirect/Obtenir ensuite la destination peut varier également. Toutefois, si vous n'avez pas la flexibilité sur le côté serveur afin de combiner vos actions dans un seul "aORb" point de terminaison alors je pense que vous êtes coincé avec un hack, j'ai peur.
    InformationsquelleAutor Andreas
  3. 24

    HTML 4.x & HTML5 interdire des formulaires imbriqués, mais HTML5 permettra une solution de contournement avec la "forme" de l'attribut ("formulaire propriétaire").

    Comme pour le HTML 4.x vous pouvez:

    1. Utiliser un formulaire supplémentaire(s), avec des champs cachés & JavaScript pour définir son entrée et soumettre le formulaire.
    2. Utiliser les CSS pour aligner plusieurs formulaire HTML pour ressembler à une seule entité, mais je pense que c'est trop dur.
    InformationsquelleAutor Nishi
  4. 13

    Comme d'autres l'ont dit, il n'est pas valide HTML.

    Il semble que votre sont en train de faire ce pour positionner les formes visuellement les unes dans les autres. Si c'est le cas, il suffit de faire deux formulaires distincts et utiliser les CSS pour les positionner.

    • +1 pour faire deux formulaires distincts et utiliser les CSS pour le positionnement
    • C'est ce que je pensais j'aurais besoin pour mon site,mais j'aimerais un exemple de comment faire cela.
    InformationsquelleAutor user64075
  5. 7

    Non, la spécification HTML indique qu'aucune FORM élément doit contenir un autre FORM élément.

    InformationsquelleAutor David Grant
  6. 6

    plutôt l'utilisation d'un code javascript personnalisé-méthode à l'intérieur de l'attribut action du formulaire!

    par exemple

    <html>
    <head>
        <script language="javascript" type="text/javascript">
        var input1 = null;
        var input2 = null;
        function InitInputs() {
            if (input1 == null) {
                input1 = document.getElementById("input1");
            }
            if (input2 == null) {
                input2 = document.getElementById("input2");
            }

            if (input1 == null) {
                alert("input1 missing");
            }
            if (input2 == null) {
                alert("input2 missing");
            }
        }
        function myMethod1() {
            InitInputs();
            alert(input1.value + " " + input2.value);
        }
        function myMethod2() {
            InitInputs();
            alert(input1.value);
        }
        </script>
    </head>
    <body>
        <form action="javascript:myMethod1();">
            <input id="input1" type="text" />
            <input id="input2" type="text" />
            <input type="button" onclick="myMethod2()" value="myMethod2"/>
            <input type="submit" value="myMethod1" />
        </form>
    </body>
</html>
    • Juste ce que je cherchais!
    InformationsquelleAutor Andreas Niedermair
  7. 5

    pas,
    voir w3c

    InformationsquelleAutor tliff
  8. 5

    Vous pouvez répondre à votre propre question très facilement en saisissant le code HTML dans le Validateur W3. (Il dispose d'un champ de saisie de texte, vous n'aurez même pas à mettre votre code sur un serveur...)

    (Et non, ça n'a pas de valider.)

    InformationsquelleAutor Christian Studer
  9. 5

    Une possibilité est d'avoir un iframe à l'intérieur de la forme extérieure. L'iframe contient à l'intérieur de la forme. Assurez-vous d'utiliser le <base target="_parent" /> balise à l'intérieur de la balise head de l'iframe pour faire la forme de se comporter comme une partie de la page principale.

    InformationsquelleAutor Robin Manoli
  10. 2

    Non, il n'est pas valide. Mais une "solution" peut être la création d'une fenêtre modale à l'extérieur de la forme "a" contenant la forme "b".

    <div id="myModalFormB" class="modal">
    <form action="b">
        <input.../>
        <input.../>
        <input.../>
        <button type="submit">Save</button>
    </form>
</div>

<form action="a">
    <input.../>
    <a href="#myModalFormB">Open modal b </a>
    <input.../>
</form>

    Il peut être fait facilement si vous êtes en utilisant bootstrap ou se matérialiser css.
    Je fais cela pour éviter l'utilisation d'iframe.

    InformationsquelleAutor Jonathas Hortense
  11. 1

    Si vous avez besoin d'un formulaire afin de soumettre et valider les données d'un rapport de 1:M de base de données relationnelle, je recommande la création d'un "insérer après" DB trigger sur la table A, qui permet d'insérer les données nécessaires pour le tableau B.

    InformationsquelleAutor cbWrites