Form - Element¶
Das <form>-Element ist der Container für alle Formularfelder.
Zwischen dem öffnenden und schließenden Tag werden alle Eingabeelemente platziert.
<form>
<!-- Formularinhalte -->
</form>
Wichtig
Ein Formular besteht immer nur aus einem <form>-Element.
Alle Felder, die gemeinsam gesendet werden sollen, müssen innerhalb desselben <form> stehen.
form Attribute¶
action¶
Mit dem Attribut action wird festgelegt, an welche Adresse (URL) die eingegebenen Daten gesendet werden sollen.
Dies kann eine Datei auf dem eigenen Server oder eine externe Adresse sein.
<!-- eigener Server -->
<form action="/daten.php"></form>
<!-- externer Server -->
<form action="https://externer-server.de/daten.php"></form>
method¶
Mit dem Attribut method legt man bei einem HTML-Formular fest, mit welcher HTTP-Methode die Daten an den Server übertragen werden. Die Methode bestimmt, wie eine Anfrage verwendet wird und wie die übermittelten Daten behandelt werden.
Die beiden wichtigsten Methoden für HTML-Formulare sind GET und POST.
GET – Daten anfordern¶
Die Methode GET wird hauptsächlich verwendet, um Daten vom Server anzufordern. Die Anfrage kann beispielsweise eine Webseite, eine Produktliste oder Suchergebnisse abrufen.
Wenn ein Formular mit GET abgeschickt wird, werden die eingegebenen Daten als Parameter an die URL angehängt. Dadurch sind sie in der Adresszeile des Browsers sichtbar.
<form action="/suche.php" method="get">
</form>
Wird beispielsweise Fahrrad eingegeben, kann folgende URL entstehen:
/suche.php?suchbegriff=Fahrrad
Das Fragezeichen leitet die Parameter ein. Weitere Parameter werden mit & voneinander getrennt.
GET eignet sich besonders für Suchanfragen und Filter, deren Ergebnisse man erneut aufrufen oder als Link weitergeben möchte.
POST – Daten übermitteln¶
Die Methode POST wird hauptsächlich verwendet, um Daten an den Server zu übermitteln. Der Server kann diese Daten beispielsweise speichern, verarbeiten oder zur Erstellung eines neuen Datensatzes verwenden.
Bei POST werden die Formulardaten im Inhalt der HTTP-Anfrage übertragen und nicht als Parameter an die URL angehängt.
<form action="/registrierung.php" method="post">
</form>
Die eingegebenen Daten stehen dem Server im Anfrageinhalt zur Verfügung. Sie sind dadurch nicht direkt in der Adresszeile sichtbar.
POST eignet sich beispielsweise für Registrierungen, Anmeldungen oder das Absenden von Bestellungen.
Wichtig: POST macht Daten nicht automatisch sicher. Für die verschlüsselte Übertragung benötigt man HTTPS. Auch POST-Daten können beispielsweise in Serverprotokollen oder im Browser sichtbar werden.
Weitere HTTP-Methoden
Neben GET und POST gibt es weitere HTTP-Methoden. Sie werden häufig bei der Entwicklung von Webanwendungen und APIs eingesetzt.
Methode |
Bedeutung |
|---|---|
|
Daten vom Server abrufen |
|
Daten an den Server übermitteln, beispielsweise zum Anlegen eines Datensatzes |
|
Eine Ressource vollständig ersetzen oder neu anlegen |
|
Eine Ressource teilweise ändern |
|
Eine Ressource löschen |
Welche Methoden verwendet man in HTML-Formularen?
Bei normalen HTML-Formularen unterstützt das Attribut method die Werte get und post. Methoden wie PUT, PATCH und DELETE können nicht einfach als method-Wert eines gewöhnlichen HTML-Formulars verwendet werden. Dafür benötigt man beispielsweise JavaScript oder eine entsprechende Unterstützung auf der Serverseite.