Zum Inhalt der Seite


FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN Startseite > ~xx502 > Forms > Index

Wie erstelle ich Web Formulare?

Mit HTML Formularen kann ein Anwender auf einer Webseite aktiv werden und Eingaben tätigen. Formulare können dabei für sehr unterschiedliche Aufgaben verwendet werden.

Einige Beispiele:

  • Umfrage- oder Mail-Formular: um vom Anwender Angaben zu erhalten oder mit ihm in Kontakt zu treten
  • Such-Formular: Eingabemaske für eine Suche in Internet-Suchmaschinen, Datenbanken oder Katalogen
  • Eingabe-Formular: zur Übermittlung von Daten z.B. an ein Gästebuch, für eine Bestellung oder einen Datenbankeintrag
  • Eingabe-Formular: für die Verarbeitung in JavaScript, z.B. Online-"Taschenrechner"

Die Verarbeitung der eingegebenen Daten kann auf dem Computer des Anwenders (clientseitig) z.B. mit JavaScript erfolgen und / oder auf einem Webserver (serverseitig) mit einem beliebigen CGI-Programm.

Inhalt

  1. Formular definieren
  2. Mailto-Formular
  3. CGI-Formular
  4. Eingabefeld (Teil 1)
  5. Eingabefeld (Teil 2)
  6. Passwort-Eingabefeld
  7. Radio Button
  8. Check-Box (Teil 1)
  9. Check-Box (Teil 2)
  10. Beispiel für Radio-Buttons und Checkboxen
  11. Auswahlliste mit Abrollmenü
  12. Auswahlliste mit Bildlaufleiste
  13. Auswahlliste mit Mehrfachauswahl
  14. Mehrzeiliges Eingabefeld (Teil 1)
  15. Mehrzeiliges Eingabefeld (Teil 2)
  16. Verstecktes Formularfeld
  17. Datei-Upload-Button
  18. Buttons zum Absenden oder Abbrechen (Submit-/Reset-Button)
  19. Grafischer Button zum Absenden (Image-Button)

    Weiterführende Kapitel:

  20. Zielfenster für Serverantwort definieren
  21. Klick-Button
  22. Formularelemente gruppieren
  23. Menü
  24. Formularelemente beschriften (Label)
  25. Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen
  26. Hilfe für Menschen mit Behinderungen
  27. Tips & Tricks

Hinweis:
Soweit nicht anders angegeben beziehe ich mich als Basis auf die HTML Version 3.2 aus dem Jahr 1997.

Als Quelle habe ich Forms Tutor by Joe Barta (http://junior.apk.net/~jbarta/tutor/) Professional Web Design
und SELFHTML von Stefan Münz verwendet.
Auch der HTML-Standard war immer eine gute Informationsquelle. Vielen Dank für die freie Verwendung der Materialien.


Download

Sie können auch den ganzen Kurs herunterladen und ohne Internetverbindung üben: Die Datei forms.exe ist eine selbstentpackende Zip-Datei, die alle Kursteile und Übungsmaterialien (keine Programme) enthält.


Zurück Schulungs-Übersicht Zum Inhaltsverzeichnis Inhalt Weiter Grundstruktur