HTML/Attribute/commandfor

Browserunterstützung
caniuse.com

Das commandfor-Universalattribut wird verwendet, um einen Button mit einem Element wie einem dialog oder popover zu verknüpfen.
So kann man interaktive Elemente ohne zusätzliches JavaScript bedienen.

erlaubte Werte
default-Wert	none
erlaubt in	button-Elementen

Beispiel

<button command="show-modal" commandfor="my-dialog">
  Öffne die Dialog-Box
</button>

<dialog id="my-dialog">Weitere – ursprünglich verborgene – Inhalte</dialog>

Ein Button erhält ein command-Attribut mit dem Wert show-modal. Über commandfor ist es mit dem folgenden dialog-Element über dessen id verknüpft.

Beachten Sie: Wenn man ein Popover mit commandfor mit einem Button verknüpft, muss dieser zwingend einen Befehl in einem command-Attribut enthalten.

Siehe auch

• Infobox/modale Dialogfenster
  • Öffnen mit command

Weblinks

• WHATWG:
• MDN: command Attribute
• Invoker Commands (Explainer) (open-ui.org)

Liste der HTML-Attribute

• Universalattribute
  • accesskey
  • contenteditable
  • class
  • closedby
  • command
  • commandfor
  • data-*
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inputmode
  • itemprop
  • lang
  • nonce
  • on*
  • part
  • popover
  • popovertarget
  • popovertargetaction
  • role
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
• Aria-Attribute
• Formular-Attribute
• Listen-Attribute
• Medien-Attribute
• Meta-Attribute
• Tabellen-Attribute
• Verweis-Attribute
• obsolet oder gelöscht