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 > 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: C:\forms\form1.html
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 Reload - Neu laden (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:

  1. Die Daten werden per EMail zu Dir geschickt (mailto-Formular).
  2. Die Daten werden an ein Programm zur weiteren Bearbeitung geschickt, z.B. an ein CGI-Skript auf dem Webserver

Zurück Formular definieren Zum Inhaltsverzeichnis Inhalt Weiter Mailto-Formular