Ist es gültig für ein html Formular innerhalb eines anderen html-Formular?

Ist es gültiges html zu haben, das folgende:

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

So, wenn Sie submit "b" erhalten Sie nur die Felder innerhalb der inneren form. Wenn Sie uns ein "a" bekommen Sie alle Felder minus diejenigen, die in "b".

Wenn es nicht möglich ist, was Problemumgehungen für diese situation gibt es?

Es scheint mir, dass dies ist tatsächlich eine sehr häufige Notwendigkeit vertraut ist, die von db-Schnittstellen -- Wenn ein Formular aktualisiert Tabelle A und die Tabelle hat ein Feld verknüpfte Tabelle B, wir wollen oft ein Weg, um zu aktualisieren oder erstellen Sie Einträge für das verknüpfte Feld ohne verlassen des aktuellen Formulars. Geschachtelte sub-Formen wäre eine sehr intuitive Art und Weise, es zu tun (und ist das ui implementiert, um mehrere desktop-Datenbanken).
Es ist nicht gültig. Es gibt Möglichkeiten, aber Sie sollten mit einer anderen Methode, um diese Daten zu erhalten. Betrachten Sie ein Formular senden, werden alle Daten an ein PHP-mail-Skript aus, das dann unterwirft sich ein Teil (Teil a) als eine E-Mail, und Teil (Teil b) als weiteren E-Mail. Oder in eine Datenbank, oder was auch immer du tust, mit diesen Daten. Verschachteln von Formen gemacht werden können, aber es ist NICHT die Antwort!
mögliche Duplikate von Kann man verschachteln, html Formulare?
Die Frage ist gut, aber eine schnelle google-Suche (ohne zu klicken auf den angegebenen links) zeigt, ob Formulare innerhalb von Formularen gültig ist oder nicht. ich, persönlich, mochte @Andreas Antwort.

InformationsquelleAutor | 2009-02-17

343

A. Es ist nicht valides HTML, noch XHTML

In die offiziellen W3C-XHTML-Spezifikation, Abschnitt B. "Element Verbote", besagt, dass:
```
"form must not contain other form elements."
```
http://www.w3.org/TR/xhtml1/#prohibitions

Als für die älteren HTML 3.2-Spezifikation,
der Abschnitt über die FORMEN-element besagt, dass:

"Jede form muss eingeschlossen werden, innerhalb einer
FORM element. Es können auch mehrere sein
Formen in einem einzigen Dokument, aber die
FORM element kann nicht verschachtelt werden."

B. Die Problemumgehung

Gibt es workarounds mit JavaScript, ohne zu verschachteln, form-tags.

"So erstellen Sie eine verschachtelte form." (trotz Titel ist dieses nicht geschachtelten form-tags, sondern ein JavaScript-workaround).

Antworten auf diese StackOverflow-Frage

Hinweis: Obwohl ein trick, den W3C-Validierer übergeben einen Seite durch die Manipulation des DOM mittels Skript, es ist immer noch kein gültiges HTML. Das problem mit solchen Ansätzen, die das Verhalten des Codes ist jetzt nicht garantiert in allen Browsern. (da es nicht standard)

pshh standards. Das Wort Beleidigungen mir
Was bedeutet pshh standard für?
"Pshh" in diesem Zusammenhang ist offenbar eine Lautmalerei verwendet, um auszudrücken Ekel mit einer bestimmten standards Körper. Vermittelt die gleiche Bedeutung wie "yeah right', 'als ob' oder 'was auch immer'. In den frühen 21sten Jahrhundert, wurde das Wort zu einem Satz in seinem eigenen Recht; in der Tat ein Ausruf, es ist wie eine passiv-aggressive Gesprächssituationen-blocking-tool, das verlassen der responder ohne eine überzeugende Retorte. Wort hat es, dass das W3C hat eine Arbeiten Draf Beschreibung der Verdienste der Einführung der <pssh> - element in einer zukünftigen version von HTML.
Siehe mein Kommentar oben.... Dies ist eine wunderbare Antwort, great work-around, aber eine schreckliche Praxis. Sie können tun genau dasselbe mit weniger Aufwand übermitteln alle Daten an ein PHP-Skript und das teilen und versenden, um Ihre eigenen Ziele von dort. Obwohl, du hast die Frage beantworten, das ist toll, es ist einfach eine schlechte und sinnlose übung, weil Sie könnte es tun, den richtigen Weg in weniger Zeit.
wenn der Kommentar hat mehr upvotes als in der Antwort.

InformationsquelleAutor GeneQ
48

Falls jemand diesen Beitrag hier ist eine tolle Lösung, ohne die Notwendigkeit von JS. Zwei submit-buttons mit unterschiedlichen Namen Attribute überprüfen, die in Ihrem server-Sprache, die submit-button gedrückt wurde, denn nur einer von Ihnen wird an den server gesendet werden.
```
<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>
```
Server-Seite 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!";
?>
```
Dies ist nicht das gleiche, in diesem Fall, dass Sie wollen, gehen Sie zu der gleichen Seite und die verschiedenen Maßnahmen, mit 2 Formularen, die Sie gehen können, um unterschiedliche Seiten Und/ ODER unterschiedliche Informationen in jedem Fall gesendet.
Könntest du eine php-Datei die als wrapper und eine beliebige Datei, die Sie wollen, wenn Sie möchten, dass der code in verschiedenen Dateien. Also statt (echo "gespeichert!";) Sie schreiben konnte (zählen "a.php";)
Ich habe mehrere löschen-buttons in meiner form (der Grund, warum ich hierher kam, unter Berücksichtigung einer geschachtelten form) 1 für jeden Datensatz und eine Liste mit Kontrollkästchen auf den einzelnen zu tun, ein Massen-löschen. Deine Antwort hat mich veranlasst zu überdenken, mein plan, ich denke jetzt, ich sollte die Namen der Schaltflächen für die einzelnen löschen mit einer numerischen Identifikationsnummer (id) und die bulk-löschen als das. Il php, tun die Sortierung.
ist auf der Geld. Dies ist die Natürliche Lösung zum variieren der form, wie die Eingabe interpretiert wird. Wenn Sie Post/Redirect/Get dann das Ziel kann variieren auch. Jedoch, wenn Sie don 'T haben die Flexibilität auf der server-Seite zu kombinieren, Ihre Aktionen in einem einzigen, aORb' Endpunkt, dann denke ich, Sie stecken mit einem hack habe ich Angst.

InformationsquelleAutor Andreas
24

HTML 4.x & HTML5 verbieten geschachtelte Formen, aber HTML5 wird es ein workaround mit "form" - Attribut ("form-Besitzer").

Als für HTML 4.x Sie können:
1. Verwenden Sie eine zusätzliche form(en) mit nur hidden-Felder & JavaScript, um Ihre Eingabe und senden das Formular.
2. CSS verwenden, um line-up mehrere HTML-Formular zu schauen, wie eine einzelne Person - aber ich denke, dass ist zu schwer.
Nicht sicher, warum diese war nach unten gestimmt. Hier der link zu den W3C-Abschnitt der Formular-Besitzer: w3.org/TR/html5/...
Ihr link ist veraltet, hier ist der neue w3.org/TR/html5/forms.html#form-owner

InformationsquelleAutor Nishi
13

Wie schon andere gesagt haben, es ist nicht Gültiger HTML-Code.

Es klingt wie Ihr sind, dies zu erreichen, positionieren Sie die Formulare visuell in jeder anderen. Wenn das der Fall ist, Mach einfach zwei separate Formen und verwenden Sie CSS um Sie zu positionieren.

+1 für zwei separate Formen und verwenden Sie CSS um Sie zu positionieren
Dies ist, was ich dachte, ich bräuchte für meine website,aber würde gerne ein Beispiel, wie dies zu tun.

InformationsquelleAutor user64075
7

Nein, der HTML-Spezifikation besagt, dass keine FORM element enthalten sollte anderen FORM element.

InformationsquelleAutor David Grant

sondern verwenden Sie eine benutzerdefinierte javascript-Methode in der action-Attribut des Formulars!

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

Genau das, was ich gesucht habe!

InformationsquelleAutor Andreas Niedermair

5

Nein,
sehen w3c

InformationsquelleAutor tliff
5

Können Sie Ihre eigene Frage zu beantworten ist sehr einfach durch Eingabe des HTML-code in die W3 Validator. (Es verfügt über eine text-Eingabe-Feld, werden Sie nicht einmal fügen Sie Ihren code auf einem server...)

(Und Nein, es wird nicht validiert.)

InformationsquelleAutor Christian Studer
5

Möglichkeit zu haben, ist ein iframe innerhalb der äußeren form. Der iframe enthält die innere form. Stellen Sie sicher, dass Sie die <base target="_parent" /> - tag innerhalb des head-Tags von dem iframe zu machen der form sich Verhalten, als Teil der main-Seite.

InformationsquelleAutor Robin Manoli

Nein, ist es nicht gültig. Aber eine "Lösung" kann das erstellen eines modalen Fensters außerhalb der form "a" mit dem Formular "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>

Es kann leicht getan werden, wenn Sie mit bootstrap oder materialisieren css.
Ich Tue dies, um zu vermeiden, mit iframe.

InformationsquelleAutor Jonathas Hortense

1

Wenn Sie Ihre form zu übertragen/übertragen von Daten zu einer 1:M-relationale Datenbank ist, würde ich empfehlen, eine "after insert" DB-trigger auf Eine Tabelle eingefügt werden, die notwendigen Daten für Tabelle B.

InformationsquelleAutor cbWrites

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.