Erstellen von Formularen - 12.11.99
Formulare
Dazu benötigt es zwei/drei Dinge, die nachfolgend kurz erklärt werden
- die Formularelemente und deren Ausgestaltung
- ein Form-Tag mit Angabe der Aktion
- ein "Gegenstück", das etwas mit der angegebenen Aktion macht
- einige extra Tricks (Einbinden fremder Dienste, Validierung, Verweise)
Die Formularelemente
| Dieses Tag erzeugt ... | ... dieses Ergebnis | Anmerkung |
|---|---|---|
| <input type="text"> | Ein normales Eingabefeld | |
| <input type="checkbox"> | Zum Ankreuzen - an oder aus | |
| <input type="radio"> | Macht eher Sinn in einer Gruppe. | |
| <select></select> | Eine Auswahlliste | |
| <textarea></textarea> | Um mehr Text einzugeben | |
| <input type="submit"> | Schaltfläche zum Abschicken. | |
| <input type="image"> |  |
Eine Grafik zum Abschicken |
Allen Elementen gemeinsam
- ein Name-Attribut, damit das Eingabefeld später identifiziert werden kann. Entweder vom
Mailempfänger oder einem Programm, das die Formulardaten auswertet.
- ein Value-Attribut bei den Input-Tags, um einen Vorgabewert einzustellen. Bei anderen
Typen siehe Einzelbeschreibung.
- die Reihenfolge der Attribute ist beliebig.
- die Angaben hinter den Attributen werden am besten in doppelte Anführungszeichen
gesetzt. In alten HTML-Beschreibungen finden sich noch Beschreibungen ohne
Anführungszeichen. Es funktioniert, aber die Praxis hat sich überlebt, da es doch sehr
anfällig für ganz normale menschliche Fehler ist.
- ein Title-Attribut erzeugt einen kleinen Tooltip, der erläuternden Text zum Eingabefeld enthalten kann. Title wird nicht von allen Browsern unterstützt. Wo es nicht unterstützt wird führt es zu keinem Fehler; es wird einfach ignoriert.
Weiter zu den Einzelbeschreibungen
