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

    <optgroup>

    Bedeutung

    Gruppe von Auswahlmöglichkeiten in einer Auswahlliste


    Notation

    <optgroup [Attribute]>[Elementinhalt]</optgroup>

    Elternelemente

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

    zum <select> Element<select>.


    Elementinhalt

    Kann keinen Text, jedoch folgende andere HTML-Elemente enthalten:
    zum <option> Element<option>.


    Attribute

    Kann folgende elementspezifische Attribute enthalten:
    zum HTML5 Attribut disableddisabled | zum HTML5 Attribut labellabel

    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


    Beispiel
    <label>Browser<br />(Mehrfachauswahl möglich)<br>
    <select name="browsers" multiple="multiple">
    <optgroup label="Internet Explorer">
    <option value="IE5">Version 5.0</option>
    <option value="IE6" selected="selected" >Version 6.0</option>
    <option value="IE7">Version 7.0</option>
    </optgroup>
    <optgroup label="Mozilla Firefox">
    <option value="FF30">Version 3.0</option>
    <option value="FF35">Version 3.5</option>
    <option value="FF36" selected="selected" >Version 3.6</option>
    <option value="FF40">Version 4.0</option>
    </optgroup>
    </select></label></p>
    Anzeigebeispiel

    Erläuterung

    Für eine Gruppierung von Einträgen innerhalb einer Auswahlliste, werden die zu gruppierenden <option> Elemente einer Gruppe zwischen <optgroup>[...]</optgroup> notiert. Mit dem label Attribut wird die Überschrift der jeweiligen Gruppierung definiert.

    Das Attribut multiple im einleitenden <select> Tag definiert die Mehrfachauswahl innerhalb einer Auswahlliste. Dies ist für den Nutzer jedoch nicht unmittelbar zu erkennen, sodass in diesem Fall darauf hingewiesen werden sollte. Ebenso sollte dem Nutzer dem gegebenenfalls nicht bekannt ist wie mehrere Einträge selektiert werden können ein unterstützender Hinweis gegeben werden. In der Regel ist für das Selektieren mehrerer Einträge das Halten der [Strg] Taste bei gleichzeitigem Anklicken der gewünschten Listeneinträge erforderlich, Mac Nutzer verwenden dafür die [Befehlstaste].


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel