Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <legend>

    Bedeutung

    Überschrift für eine fieldset-Gruppe von Elementen in einem Formular


    Notation

    <legend [Attribute]>[Elementinhalt]</legend>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    zum <fieldset> Element<fieldset>.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    Liste der HTML 5 Inline-ElementeInline-Elemente.


    Attribute

    Das Element hat keine elementspezifischen Attribute.

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onformchange | onforminput | oninput | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll | onselect | onsubmit


    Standard-Style-Formateigenschaften

    legend {
       display: block;
       padding-start: 2px;
       padding-end: 2px;
       border: none;
    }


    Beispiel
    <form action="/" method="post">
    <fieldset><legend>Nutzerdaten</legend>
    <label for="select-1" >Anrede</label>&#160;
    <label for="Vorname" title="Vorname">Vorname</label><br />
    <select name="Anrede" id="select-1" size="1" tabindex="1" >
    <option value="0" selected="selected">------------</option>
    <option value="Herr">Herr</option>
    <option value="Frau">Frau</option>
    </select>&#160;
    <input type="text" name="Vorname" id="Vorname" size="30" maxlength="30" tabindex="2" value="Vorname" /><br />
    <label for="Name" title="Nachname">Nachname<br />
    <input type="text" name="Name" id="Name" size="46" maxlength="30" tabindex="3"
    value="Nachname" /></label><br /> </fieldset>
    </form>
    Anzeigebeispiel
    Nutzerdaten 
     

    Erläuterung

    Das <legendInformationBedeutung: legendlegend; Legende> Element definiert eine Gruppenüberschrift für eine, durch das <fieldsetInformationBedeutung: fieldsetfieldset; Feldgruppe> Element definierte, zusammengehörige Gruppe von Formularelementen.

    Die Auszeichnung des jeweiligen Formularelements wird mit dem <labelInformationBedeutung: labellabel; Beschriftung> Element definiert. Wobei zwei Varianten möglich sind, die implizite Variante schließt das Formularelement ein, wie im Beispiel beim Feld Nachname dargestellt, und die explizite Variante bei der das Formularelement nach dem Beschriftungstext separat notiert wird.

    Um einen eindeutigen Bezug zwischen dem Formularelement und dessen Beschriftung herzustellen, wird dem <labelInformationBedeutung: labellabel; Beschriftung> Element mit dem Attribut <for> ein expliziter Bezug zum gewünschten Formularelement definiert. Dem Formularelement muss ein dokumentweit eindeutiger Name zugeordnet werden, dieser wird mit dem Attribut <id> definiert und muss, um eine Verknüpfung zwischen dem Formularelement und dem Beschriftungselement herzustellen, identisch dem Bezeichner des <for> Attributs sein.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel