Zum Inhalt springen

HTML <menuitem>-Element

Das HTML <menuitem>-Element definiert einen Befehl oder Menüpunkt, den Benutzer aus einem mit dem <menu>-Element definierten Popup-Menü aufrufen können. Dies umfasst Kontextmenüs und Menüs, die an einen Menübutton angehängt werden können.

Hinweis: Das <menuitem>-Element ist veraltet und wird in modernen Browsern nicht unterstützt. Es wurde aus dem HTML Living Standard entfernt und sollte in neuen Projekten nicht verwendet werden.

Syntax

Das <menuitem>-Element wird in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<menuitem>) und dem schließenden (</menuitem>) Tag geschrieben. Das <menuitem>-Element ist im <menu>-Element verschachtelt.

Beispiel für das HTML <menuitem>-Element:

HTML <menuitem>-Element

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      menuitem {
        display: block;
      }
    </style>
  </head>
  <body>
    <menu>
      <menuitem label="ol – ordered list">ol – ordered list</menuitem>
      <menuitem label="ul – unordered list">ul – unordered list</menuitem>
      <menuitem label="menu – menu">menu – menu</menuitem>
    </menu>
  </body>
</html>

Ergebnis

menuitem example

Attribute

AttributWertBeschreibung
checkedcheckedDefiniert, dass der Befehl/das Menüelement bei Seitenladung aktiviert sein muss (nur für type = "radio" und type = "checkbox").
defaultdefaultMarkiert den Befehl/das Menüelement als Standardbefehl.
disableddisabledDefiniert, dass der Befehl/das Menüelement deaktiviert sein muss.
iconiconDefiniert ein Symbol für das Menü-/Befehlselement.
labeltextDefiniert, dass der Befehl/das Menüelement für den Benutzer angezeigt wird. Das Attribut ist erforderlich.
radiogroupgroupnameDefiniert den Namen gruppierte Befehle, die beim Umschalten des Befehls/des Menüelements umgeschaltet werden. Nur für type = "radio" verwendet.
typecheckbox, command, radioDefiniert den Typ des Befehls/des Menüelements. Der Standardwert ist command.

Hinweis: Alle Attribute sind veraltet und werden in modernen Browsern nicht unterstützt.

Das <menuitem>-Element unterstützt die Globalen Attribute und die Ereignisattribute.

So gestalten Sie ein HTML <menuitem>-Element

Aufgrund des veralteten Status wird es in modernen Browsern nicht als funktionales Menüelement gerendert. Standard-CSS-Eigenschaften wie display, margin und padding stellen die beabsichtigte Funktionalität nicht wieder her.

Praxis

Welche Aussage trifft auf das HTML <menuitem>-Element zu?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.