 |
E i n l e i t u n g |
 |
|
Einleitung
Das World Wide Web ohne Formulare ist heutzutage fast undenkbar.
Bestellungen absenden, Adressen übermitteln, Feedback erhalten, Weiterempfehlung versenden, Suchanfragen anbieten oder Umfragen erstellen sind nur einige der Möglichkeiten.
Ein Formular wird in HTML erstellt. Das funktioniert nach einem vorgegebenen Schema und ist ist gar nicht so schwer. Beim Absenden der eingegebenen Daten erfolgt dann
- ein Versand per Email an die Empfänger-Email-Adresse oder
- ein Versand per Email gesteuert über ein CGI-Script oder PHP-Script, in der Regel erfolgt dann auch eine Weiterverarbeitung der Daten.
Layout ? ...
Zur besseren Ausrichtung, Gliederung, Übersichtlichkeit sowie auch zur Verschönerung
der einzelnen Elemente eines Formulares (Eingabefelder, Checkboxen, Auswahl-Listen, Absende-Button usw. ), wird das Formular häufig per HTML-Tabellen strukturiert, auch mittels Einsetzen von verschiedenen Hintergrundfarben oder Hintergrundbildern der einzelnen Tabellenzellen.
Heutzutage wird bezüglich des Layouts neben der HTML-Formatierung auch insbesondere mit CSS gearbeitet. Dies ermöglicht eine farbige Gestaltung (das geht nicht mit HTML) der Formularelemente. Zum Beispiel farbige Absende-Buttons, farbige Schrift innerhalb von Auswahl-Listen, farbige Scroll-Leisten usw.
Prüfen ? ...
Oftmals werden die eingegebenen Daten eines Formulares noch vor dem Absenden per JavaScript oder auch direkt über ein CGI- oder PHP-Programm (wie oben schon angedeutet) überprüft, wie etwa
- wurden alle Felder ausgefüllt?
- enthält die Email-Adresse ein "@-Zeichen"?
- sind in der Telefon-Nr. nur Zahlen enthalten?
- ist die Postleitzahl mehr als fünfstellig?
- ist die Altersangabe kleiner als 5 oder grösser als 110?
Verwirrt? ...
Wir sehen, die Vielzahl an Möglichkeiten wie
- Versandart (Mail-Programm, CGI-Programm oder PHP-Programm ),
- Layout (HTML oder CSS ),
- Fehlerprüfung (Javascript, CGI oder PHP)- falls gewünscht, das Formular funktioniert grundsätzlich auch ohne -
machen die ansich einfache Geschichte zunächst komplizierter......
... keine Angst ...
in diesem Tutorial - wird der einfachste und am schnellsten in der Praxis nachvollziehbare Weg eingeschlagen - d.h. Versand per Email und eine Überprüfung per JavaScript - natürlich nicht ohne die Vor- und Nachteile (Technik) aufzuzeigen....
Genug der Worte...es geht sofort praktisch am Beispiel los....
| © www.on-mouseover.de |   |
|