Das Element form

HTML-Formulare sind eine Möglichkeit, Daten von Nutzern zu erhalten. Im Internet benutzt du sie ständig, oft ohne es zu merken: Immer wenn du etwas in ein Suchfeld tippst, dich anmeldest, registrierst oder aus mehreren Optionen auswählst, füllst du ein Formular aus.

In dieser Lektion schauen wir uns an, wie Formulare aufgebaut sind und mit welchen Elementen wir Daten sammeln. Schritt für Schritt erstellen wir ein Anmeldeformular für einen Kurs.

Ein Formular wird mit dem Element form erstellt. Das Formular sammelt Informationen, muss sie dann aber irgendwohin schicken, damit sie verarbeitet werden. Deshalb hat das Element form zwei Attribute:

• action: die URL, an die die Formulardaten gesendet werden.
• method: wie die Daten gesendet werden (die Methode der HTTP-Anfrage).

Die beiden häufigsten Methoden sind:

• GET (wird verwendet, wenn wir method weglassen): Die Daten werden an die Seitenadresse angehängt, zum Beispiel /suche?q=katzen. Das passt zu einer Suche, weil man die Adresse mit den Ergebnissen speichern oder teilen kann.
• POST: Die Daten werden in der Anfrage selbst gesendet, nicht in der Adresse. Wir verwenden sie zum Beispiel beim Anmelden und Registrieren, damit ein Passwort nicht in der Adresse landet.

Du musst vorerst nicht wissen, was genau eine HTTP-Anfrage ist.

<form action="/verarbeitung.html" method="POST">
</form>