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 > 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>
Familienname:
Vorname:

usw.

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>
Absender
Familienname:
Vorname:

usw.

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.


Zurück Klick-Button Zum Inhaltsverzeichnis Inhalt Weiter Menü