In manchen Situationen entsteht der Wunsch, dass ein Formular mehrere „Ausgänge“ hat, also mehrere Submit-Buttons. Je nachdem, welche dieser Schaltflächen ein Anwender anklickt, werden unterschiedliche URL-Adressen aufgerufen, mit unterschiedlichen Formular-Verarbeitungsscripts.

Beispiel

<form>
<p><label>E-Mail-Adresse eines Newsletter-Abonnenten:<br>
<input type="email" name="mail" size="40"></label></p>
<input type="submit" value="Ändern"
       formaction="/scripts/abo-update.php" formmethod="post"> 
<input type="submit" value="Löschen"
       formaction="/scripts/abo-delete.php" formmethod="post"> 
</form>

Erläuterung

Das Formular im Beispiel könnte so in einer Verwaltungsanwendung für Newsletter-Abonennten vorkommen. Der Anwender wird aufgefordert, die E-Mail-Adresse eines gewünschten Newsletter-Abonennten einzugeben. Dann soll er eine der Schaltflächen Ändern oder Löschen anklicken, um wahlweise die Daten des Abonennten zu ändern oder das Abo zu entfernen.

Das Beispiel im Browser

Das einleitende <form>-Tag enthält in diesem Beispiel gar keine sonst typischen Angaben wie action oder method. Stattdessen enthält das Formular zwei Schaltflächen zum Absenden des Formulars (<input type="submit">). Die eine ist mit Ändern beschriftet, die andere mit Löschen. Beide Schaltflächen erhalten die zusätzlichen Attribute formaction und formmethod. Diese Attribute entsprechen in ihrer Bedeutung genau den Attributen action bzw. method im <form>-Tag, mit dem Unterschied, dass jeder Submit-Button eigene und unterschiedliche formaction- und formmethod-Attributen mit unterschiedlichen Werten haben kann.

Auch für die übrigen Attribute im <form>-Tag gibt es diese Entsprechungen in Submit-Buttons:

• formaction entspricht action und bestimmt die URL-Adresse, die beim Absenden des Formulars aufgerufen werden soll.
• formmethod entspricht method und bestimmt die Übertragungsmethode (in der Regel entweder get oder post).
• formenctype entspricht enctype und definiert den Kodierungstyp der Formulardaten (application/x-www-form-urlencoded, multipart/form-data oder text/plain)
• formtarget entspricht target und definiert das Zielfenster bzw. den Ziel-Browsing-Context der Formulardaten
• formnovalidate entspricht novalidate und ist ein Standalone-Attribut ohne Wertzuweisung. Wenn notiert, werden die Feldinhalte vor dem Absenden nicht auf gültige Eingaben hin überprüft.

Weitere Hinweise

Diese neuen Attribute wurden erst mit HTML5 eingeführt. Bedenkenlos verwendet werden sie erst können, wenn alle verbreiteten Browser sie unterstützen werden.

Referenzinformationen

• Attributreferenz: formaction
• Attributreferenz: formenctype
• Attributreferenz: formmethod
• Attributreferenz: formnovalidate
• Attributreferenz: formtarget

Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.