 |
Beschriftete Formularrahmen
Formulare sind oft sehr unübersichtlich, besser wäre es, zusammengehörige Elemente mit einem Rahmen zu markieren. Genau das leistet der <fieldset>-Tag, das zum offizielen HTML-Standard gehört.
|
Der folgende Code gibt dir ein einfaches Beispiel wieder:
CODE:
<form>
<fieldset>
<legend>Beispiels-Überschrift</legend>
<input type="checkbox">Beispiel</input>
</fieldset>
</form>
Sämtliche Elemente, die in den Formularrahmen kommen sollen, gehören zwischen <fieldset> und </fieldset>. Innerhalb des <fieldset>-Tags kannst Du optional mit <legend>...<legend> einen Überschrift angeben.
Das Tag muss unmittelbar auf den <fieldset>-Tag folgen.
Der Text zwischen Anfang- und Endtag dient als Überschrift, Du kannst ihn mit HTML-Tags und CSS nach Wunsch formatieren.
Tipp
Aber nicht nur um Formularen einen Rahmen zu geben kannst Du diese Technik benutzen, sondern auch um andere Inhalte, wie z.B. Tabellen, mit einer Umrandung und Überschrift zu versehen.
Beispiel
|
