FEN Startseite > ~xx502 > Forms > Lektion01
Web Formulare
Kapitel 1 - Formular definieren
In dieser Anleitung werden verschiedene Möglichkeiten für die Verwendung von Formularen in einer Webseite beschrieben.
Bitte öffne zuerst einen einfachen Texteditor z.B. Notepad oder Wordpad.
Die HTML-Beispiele können mit den Windows Funktionen in die Zwischenablage kopiert [Strg]-[C] und im Texteditor eingefügt [Strg]-[V] werden.
Lege bitte für diese Übungen ein Arbeitsverzeichnis an, z.B. C:\Forms
Einfache Webseite (ohne Formular)
Der folgende Abschnitt beschreibt den allgemeinen Aufbau einer Webseite.
Im weiteren Verlauf des Kurses werde ich mich auf den FORM-Bereich beschränken.
Kopiere bitte den Inhalt des folgenden Rahmens in ein leeres Fenster des Texteditors.
Den Text "Titel dieser Seite" kannst Du nach belieben ändern, den "Textbereich" wollen wir gemeinsam gestalten.
Speicher die Datei als form1.html im Arbeitsverzeichnis ab. Den Texteditor bitte nicht
schließen.
<html> <head> <title>Titel dieser Seite</title> </head> <body> Textbereich </body> </html> |
Starte Netscape (oder einen anderen geeigneten Browser) und gib als Adresse ein:
Mit [Alt]-[Tab] oder über die Windows-Taskleiste kannst Du zwischen Netscape und dem Texteditor umschalten.
Um die Darstellung in Netscape zu aktualisieren mußt Du die [Shift]-Taste gedrückt halten, während Du mit der Maus auf (Neu Laden) klickst.
Formular definieren
Mit <form> definierst Du ein Formular.
<html> <head> <title>Mein erstes Formular</title> </head> <body> <form> </form> </body> </html> |
Zunächst müssen wir dem Browser mitteilen, wie und wohin die Formulardaten geschickt werden sollen. Dazu gibt es zwei Möglichkeiten:
- Die Daten werden per EMail zu Dir geschickt (mailto-Formular).
- Die Daten werden an ein Programm zur weiteren Bearbeitung geschickt, z.B. an ein CGI-Skript auf dem Webserver
Formular definieren Inhalt Mailto-Formular