FEN Startseite > ~xx502 > Forms > Lektion22
Web Formulare
Kapitel 22 - Formularelemente gruppieren
Gruppierungen sind erst ab HTML-Version 4 definiert. IE kennt diese Tags ab Version 4, Netscape gar nicht!
Bei größeren Formularen ist es sinnvoll aus zusammengehörenden Elementen eine Gruppe zu bilden. Dies macht man indem man die Elemente in einen <fieldset> ... </fieldset> Bereich schreibt.
Ein typisches Bestellformular besteht beispielsweise aus Elementgruppen wie "Absender", "bestellte Produkte" und "Formular absenden/abbrechen". Ein WWW-Browser sollte Elementgruppen durch Linien oder ähnliche Effekte optisch sichtbar machen.
<form> <fieldset> Familienname: <input type="text" name="Familienname" /><br /> Vorname: <input type="text" name="Vorname" /> </fieldset> <fieldset> usw. </fieldset> </form> |
Gruppenüberschrift
Direkt nach dem einleitenden <fieldset>-Tag solltest du mit dem <label>-Tag eine Überschrift für die Elementgruppe vergeben. Diese sollte vom Browser z.B. in den Gruppen-Rahmen eingebaut werden.
<form> <fieldset> <legend><b>Absender</b></legend> Familienname: <input type="text" name="Familienname" /><br /> Vorname: <input type="text" name="Vorname" /> </fieldset> <fieldset> usw. </fieldset> </form> |
Diese Strukturelemente kannst du auch in JavaScript als Objekte verwenden.
Auch im HTML-Standard ab Version 4 ist eine Menüstruktur vorgesehen. Dies wird Thema des folgenden Kapitels sein.
Klick-Button Inhalt Menü