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
- Die Grundstruktur
Übungskapitel
- Formular definieren
- Mailto-Formular
- CGI-Formular
- Eingabefeld (Teil 1)
- Eingabefeld (Teil 2)
- Passwort-Eingabefeld
- Radio Button
- Check-Box (Teil 1)
- Check-Box (Teil 2)
- Beispiel für Radio-Buttons und Checkboxen
- Auswahlliste mit Abrollmenü
- Auswahlliste mit Bildlaufleiste
- Auswahlliste mit Mehrfachauswahl
- Mehrzeiliges Eingabefeld (Teil 1)
- Mehrzeiliges Eingabefeld (Teil 2)
- Verstecktes Formularfeld
- Datei-Upload-Button
- Buttons zum Absenden oder Abbrechen (Submit-/Reset-Button)
- Grafischer Button zum Absenden (Image-Button)
Weiterführende Kapitel:
- Zielfenster für Serverantwort definieren
- Klick-Button
- Formularelemente gruppieren
- Menü
- Formularelemente beschriften (Label)
- Tabulator-Reihenfolge, Tastaturkürzel und Ausgrauen
- Hilfe für Menschen mit Behinderungen
- Tips & Tricks
- Objektliste und Syntax (englisch)
- Kurz-Übersicht
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/)
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.
Schulungs-Übersicht Inhalt Grundstruktur