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.

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

  • form-Tag, welches das Formular umschliesst.
  • Ein oder mehrere Eingabefelder.
  • Einen Button um die Daten an den Server zu senden.
...
  <form action='./index.php' method='post'>
    <label for='email'>Email</label>
    <input id='email' name='email' type='text' />
    <button type='submit'>Absenden</button>
  </form>
...

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.

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.

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

  • modul/m293/learningunits/lu06/formular.txt
  • Last modified: 2023/11/13 08:56
  • by 127.0.0.1