LU06a - Einstieg Formulare

siehe auch selfhtml - Webformular

In einem Formular kann der Benutzer Daten erfassen. Der Client sendet diese Daten zur Verarbeitung an den Server.

Aufbau

Ein Formular ist eine Element innerhalb unserer Webseite. Es besteht üblicherweise aus:

Beispiel

...
  <form action='./index.php' method='post'>
    <label for='email'>Email</label>
    <input id='email' name='email' type='text' />
    <button type='submit'>Absenden</button>
  </form>
...

form-Tag

Das Formular wird mit <form></form> umschlossen. Ohne das form-Tag wüsste der Browser nicht, welche Daten er an den Server übermitteln soll. Jedes form-Tag muss zumindest die Attribute action und method enthalten.

action

Das Attribut action legt fest, an welche URL die Daten gesendet werden. Im Beispiel werden die Daten an ein PHP-Skript index.php gesendet. Dieses Skript befindet sich auf dem gleichen Server und im gleichen Ordner wie die HTML-Datei. Sie können einen absoluten oder relativen Pfad angeben.

method

Dieses Attribut legt die HTTP-Methode fest. In den meisten Fällen verwenden wir post.

Die Elemente label, input und button behandle ich auf separaten Seiten.


Kevin Maurizi, Marcel Suter