HTML/Formulare/Form

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Formulare auf Web-Seiten werden mit dem form-Element definiert.

  • IE
  • Firefox
  • Chrome
  • Safari
  • Opera
Beispiel: Formular ansehen … frickln …
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Formular Beispiel</title> </head> <body> <form action="senden.html"> <label for="vorname">Vorname</label> <input type="text" id="vorname" maxlength="30"> <label for="zuname">Zuname</label> <input type="text" id="zuname" maxlength="40"> <button type="reset">Eingaben zurücksetzen</button> <button type="submit">Eingaben absenden</button> </form> </body> </html>

Folgende Attribute sind möglich:

  • accept-charset: Angabe einer Zeichenkodierung
  • action: Das Attribut action erhält als Wert eine Datei, die beim Klicken auf den submit-Button ausgelöst wird. Sie kann ein Script enthalten, das die Formulareingaben auswertet.
  • enctype: definiert, wie die Daten kodiert werden sollen, wenn sie zum Server geschickt werden (nur bei method=post)
  • method: legt die HTTP-Methode get oder post fest, nach der die Daten gesendet werden.
  • name: legt einen Namen fest (wird von den auswertenden Programmen gebraucht)
  • target: Zielfenster
  • IE 1010
  • Firefox
  • Chrome
  • Safari
  • Opera

in HTML5 kamen folgende Attribute hinzu:

  • autocomplete: schaltet mit on oder off Autovervollständigen an oder aus
  • novalidate: legt fest, dass das Formular nicht auf Vollständigkeit überprüft werden soll.

Das form-Element kann ein oder mehrere dieser Kind-Elemente enthalten

Beachten Sie: Formularelemente müssen nur dann zwingend in einem form-Element stehen, wenn das Formular auch an einen Server gesendet werden soll.

Für reine JavaScript-Berechnungen beispielsweise ist ein umgebendes form-Element nicht notwendig, semantisch allerdings praktisch immer die richtige Wahl.

Sie können in HTML zwar Formulare definieren und erstellen, für eine Auswertung oder Weiterverarbeitung der Eingaben benötigen Sie jedoch eine Programmiersprache wie beispielsweise JavaScript oder PHP.

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Hilfe
SELFHTML
Diverses
Werkzeuge
Flattr
Soziale Netzwerke