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

    <label>

    Bedeutung

    Beschriftungstext eines Formularfeldes


    Notation

    <label [Attribute]>[Elementinhalt]</label>

    Elternelemente

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

    Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente - ausgenommen zum <button> Element<button>.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    Liste der HTML 5 Inline-ElementeInline-Elemente. - ausgenommen zum <label> Element<label>.


    Attribute

    Kann folgende elementspezifische Attribute enthalten:
    zum HTML5 Attribut forfor | zum HTML5 Attribut formform

    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

    label {
       cursor: default;
    }


    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

    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 <label> 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.

    Das <fieldsetInformationBedeutung: fieldsetfieldset; Feldgruppe> Element definiert eine zusammengehörige Gruppe von Formularelementen. Zu dieser Gruppe kann mit dem <legendInformationBedeutung: legendlegend; Legende> Element eine Gruppenüberschrift definiert werden.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel