Formulare - Grundlagen HTML


	Inhalt

Inhalt Rubrik

3.3 Formulare

Sie können mit HTML Eingabe-Formulare erzeugen. Allerdings kann ein Standard-HTML Formular nur einen mailto Befehl ausführen. DAs bedetutet dass die Angaben des Formualres gemailt werden, sofern die Surferin/ der Surfer ein emailprogramm installiert hat. Jegliche andere Formularfunktionialtät (versenden von Emails ohne dass die Surferin/ der Surfer ein Emailprogramm besitzen, Suchanfragen, oder ähnliches) wird mit einer Technik verwirklicht, die sich CGI nennt. Sie finden Informationen zu CGI-Skripts und deren Verwendung auf Klick im Glossar, in der FAQ und im Kapitel HTML für Fortgeschrittene.

Für HTML-Formulare stehen verschiedene Formularfelder zur Verfügung, die nachfolgend vorgestellt werden. Das komplette Formular muss jedoch fon dem Befehl <form>...</form> umklammert werden, damit es der Browser als solches erkennt.

Mit obendstehendem Befehl schickt der Browser den Inhalt des Formulars mithilfe des Emailprogramms des Anwenders an die oben definierte Emailadresse.

Formularfelder

Einfaches Eingabefeld

<input type="text" > Erzeugt ein einfaches Eingabefeld. Mögliche Attribute sind u.a.:

name=""	Ein beliebiger Name. Achten Sie darauf, allen Formularfelder einen solchen Namen zuzuweisen, da dieser hinterher per Email verschickt wird.
size=""	Länge des Feldes
maxlength=""	Maximale Anzahl von Zeichen für dieses Feld

Listenfeld / Auswahlfeld

<select >
<option> 1. Auswahlpunkt </option>
<option> 2. Auswahlpunkt </option>
<select>

Die einzelnen Auswahlpunkte werden von OPTION eingeschlossen und SELECT umklammert alle zusammengehörenden Befehle.

Kontrollkästchen

<input type="checkbox" >
Erzeugt ein Kontrollkästchen zum Ankreuzen. Mögliche Attribute sind u.a.:

name=""	Ein beliebiger Name. Achten Sie darauf, allen Formularfelder einen solchen Namen zuzuweisen, da dieser hinterher per Email verschickt wird. Bei zusammengehörigen Kontrollkästchen haben alle denselben Namen. (z.B: Wählen Sie den Belag für Ihre Pizza: _ Salami, _ Schinken, _ Käse. All diese Checkboxbefehle erhalten einen gleichen Namen - zb. "Belag")
value=""	Bei Value tragen Sie in etwa dasselbe ein, wie Sie neben das Kontrollkästchen schreiben, um die Option zu beschreiben. Bedenken Sie, dass Sie den Text der HTML-Seite nicht auswerten oder als Mail verschicken können. Nur durch den Value können Sie hinterher in der Mail erkennen ob die Person nun z.B. Käse oder Schinken als Pizzabelag ausgewählt hat!

Optionsfelder

<input type="radio" >
Erzeugt ein Optionsfeld (Kringel zum Anwählen). Optionsfelder bieten immer nur Alternativen zur Auswahl an: Es kann nur ein Optionsfeld aus der Gruppe angewählt werden. Mögliche Attribute sind u.a.:

name=""	Ein beliebiger Name. Allerdings müssen alle Options-Felder, die zusammen eine Alternative anbieten, denselben Namen erhalten.
value=""	Bei Value tragen Sie in etwa dasselbe ein, wie Sie neben das Kontrollkästchen schreiben, um die Option zu beschreiben. Bedenken Sie, dass Sie den Text der HTML-Seite nicht auswerten oder als Mail verschicken können. Nur durch den Value können Sie hinterher in der Mail erkennen ob die Person nun z.B. Ja oder Nein geantwortet hat!

Beispiel: <input type="radio" name="zahlungsweise" value="Bankeinzug">Bankeinzug
<input type="radio" name="zahlungsweise" value="Überweisung">Überweisung

Textfeld

Erzeugt ein freies Textfeld. Mögliche Attribute sind u.a.:

name=""	Ein beliebiger Name.
rows=""	Gibt die Anzahl der sichtbaren Zeilen an, die die Höhe des Textfeldes ausmachen.
cols=""	Gibt die Anzahl der Spalten an, die die Breite des Textfeldes ausmachen. Schaltflächen

OK-Schaltfläche

Erzeugt eine OK-Schaltfläche, die nötig ist, um die Funktionalität des Formulars (z.B. Verschicken der Formularangaben als Email) auszuführen.

value=""

Bei Value tragen die gewünschte Beschriftung des Buttons ein.

<input type="reset" >
Erzeugt eine Abbrechen-Schaltfläche.

value=""

Bei Value tragen die gewünschte Beschriftung des Buttons ein.

Lesen Sie weiter mit "Dateien aufspielen"