Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 50
Zur Übersicht

50. Formulare mit FIELDSET und LEGEND formatieren (18.03.2001)

Die HTML 4-Spezifikation stellt die Formular-Elemente FIELDSET und LEGEND zur Verfügung. FIELDSET erzeugt einen Rahmen und kann zur Gruppierung von Formularinhalten genutzt werden. Mittels LEGEND kann jedem FIELDSET eine Beschreibung zugewiesen werden, wobei zur Positionierung dieser Beschreibung das ALIGN-Attribut angegeben werden kann. Da diese Elemente auch mit CSS-Eigenschaften ausgestattet werden können, lassen sich interessante Formularanwendungen realisieren. Die Anwendung gestaltet sich sehr einfach:
      
      <FORM ...>
      
        <FIELDSET CLASS="box1">
          <LEGEND ALIGN="right" CLASS="box1">Beschreibung</LEGEND>
      
            <!-- weitere Formularinhalte -->
      
        </FIELDSET>
      
      </FORM>
      
Im Beispiel 50 werden CSS-Klassen zur Definition von Farben und Rahmen verwendet Die Browser IE 5.x, Netscape 6 / Mozilla und Opera 5.x zeigen die formatierten FIELDSETs an. Opera ignoriert allerdings die ALIGN-Angabe und positioniert den LEGEND-Text in der linken oberen Ecke der Box.