HTML/Attribute/command

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Das command-Universalattribut wird verwendet, um bei einem Klick auf einen Button eine Aktion auszuführen. So kann man künftig dialog-Elemente ohne zusätzliches JavaScript schließen.
erlaubte Werte
  • close
  • hide-popover
  • show-modal
  • show-popover
  • toggle-popover
  • custom values mit zwei führenden --*
default-Wert none
erlaubt in allen HTML-Elementen
Browsersupport Details bei caniuse.com: mdn-html_elements_button_command
Beispiel
<button command="show-modal" commandfor="my-dialog">This opens a dialog</button>

<dialog id="my-dialog">This is the dialog</dialog>>
Ein button erhält ein command-Attribut mit dem Wert show-modal. Über commandfor ist es mit dem folgenden dialog-Element verknüpft.


Siehe auch

Infobox/modale Dialogfenster

Weblinks

{{{{{Inhaltsverzeichnis}}}}}