Ist es zulässig, ein HTML-Formular in einem anderen HTML-Formular zu haben?

Question 1

Ist es gültiges HTML, um Folgendes zu haben:

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

Wenn Sie also “b” übermitteln, erhalten Sie nur die Felder innerhalb des inneren Formulars. Wenn Sie “a” einreichen, erhalten Sie alle Felder abzüglich derer innerhalb von “b”.

Wenn dies nicht möglich ist, welche Problemumgehungen für diese Situation sind verfügbar?

Question 2

A. Es ist weder gültiges HTML noch XHTML

In der offiziellen XHTML-Spezifikation des W3C, Abschnitt B. „Element Prohibitions“, heißt es:

“Formular darf keine anderen Formularelemente enthalten.”

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

Was die Älteren betrifft HTML 3.2-Spezifikationheißt es im Abschnitt zum FORMS-Element:

“Jedes Formular muss in ein FORM-Element eingeschlossen werden. Es können mehrere Formulare in einem einzigen Dokument vorhanden sein, aber das FORM-Element kann nicht verschachtelt werden.”

B. Die Problemumgehung

Es gibt Problemumgehungen mit JavaScript, ohne dass Formular-Tags verschachtelt werden müssen.

“So erstellen Sie ein verschachteltes Formular.” (Trotz des Titels ist dies nicht verschachtelte Formular-Tags, aber ein JavaScript-Workaround).

Antworten auf diese StackOverflow-Frage

Notiz: Obwohl man die W3C-Validierer dazu bringen kann, eine Seite zu passieren, indem man das DOM per Skripting manipuliert, ist es immer noch kein legales HTML. Das Problem bei der Verwendung solcher Ansätze besteht darin, dass das Verhalten Ihres Codes jetzt nicht über Browser hinweg garantiert ist. (da es nicht Standard ist)

Question 3

Falls jemand diesen Beitrag hier findet, ist eine großartige Lösung ohne die Notwendigkeit von JS. Verwenden Sie zwei Submit-Buttons mit unterschiedlichen Namensattributen Überprüfen Sie in Ihrer Serversprache, welcher Submit-Button gedrückt wurde, da nur einer von ihnen an den Server gesendet wird.

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

Die Serverseite könnte in etwa so aussehen, wenn Sie PHP verwenden:

<?php
    if(isset($_POST['save']))
        echo "Stored!";
    else if(isset($_POST['delete']))
        echo "Deleted!";
    else
        echo "Action is missing!";
?>

Question 4

HTML 4.x und HTML5 verbieten verschachtelte Formulare, aber HTML5 ermöglicht eine Problemumgehung mit dem Attribut “form” (“Formularbesitzer”).

Bei HTML 4.x können Sie:

Verwenden Sie ein oder mehrere zusätzliche Formulare mit nur ausgeblendeten Feldern und JavaScript, um die Eingaben festzulegen und das Formular abzusenden.
Verwenden Sie CSS, um mehrere HTML-Formulare so anzuordnen, dass sie wie eine einzige Entität aussehen – aber ich denke, das ist zu schwierig.

Question 5

Wie andere gesagt haben, ist es kein gültiges HTML.

Es hört sich so an, als würden Sie dies tun, um die Formulare visuell ineinander zu positionieren. Wenn das der Fall ist, erstellen Sie einfach zwei separate Formulare und verwenden Sie CSS, um sie zu positionieren.

Question 6

Nein, die HTML-Spezifikation besagt, dass nein FORM Element sollte ein anderes enthalten FORM Element.

Question 7

Eine Möglichkeit besteht darin, einen Iframe innerhalb der äußeren Form zu haben. Das Iframe enthält das innere Formular. Verwenden Sie unbedingt die <base target="_parent" /> -Tag innerhalb des Head-Tags des Iframes, damit sich das Formular als Teil der Hauptseite verhält.

Question 8

Sie können Ihre eigene Frage sehr einfach beantworten, indem Sie den HTML-Code in die eingeben W3-Validator. (Es verfügt über ein Texteingabefeld, Sie müssen Ihren Code nicht einmal auf einem Server ablegen …)

(Und nein, es wird nicht validiert.)