Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt

<fieldset> und <legend>: gruppieren von Steuerelemente in Webfomular

Übersicht hilft, um schnell ein Formular auszufüllen. Daher ist das Gruppieren von zusammengehörigen Feldern in Webformularen sehr hilfreich.

Dazu steht uns als HTML-Befehl <fieldset> und <legend> zur Verfügung.

Vorab unser Beispiel in HTML:

<form action="test.php" method="post">
  <fieldset>
    <legend>Anrede</legend>

    <label for="maennlich">Herr</label>
    <input type="radio" name="anrede" id="maennlich" value="m">

    <label for="weiblich">Frau</label>
    <input type="radio" name="anrede" id="weiblich" value="w">

  </fieldset>
</form>

Durch <fieldset> werden alle Elemente umschlossen, die zu einer Gruppierung gehören. In unserem obigen Beispiel sind es die 2 Anreden für Herr und Frau.

legend steht als Überschrift innerhalb der Umrandung, die durch fieldset optisch entsteht.

Die meisten Browser verwenden folgende Einstellungen als Standardwerte zur Anzeige von fieldset:

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove silver;
}

und

legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}

Diese können wir nun nach Belieben über CSS verändern.

Weiterempfehlen • Social Bookmarks • Vielen Dank

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe