Balise HTML `<menuitem>`

La balise HTML <menuitem> définit une commande ou un élément de menu que les utilisateurs peuvent invoquer à partir d'un menu contextuel défini avec la balise <menu>. Cela inclut les menus contextuels et les menus qui peuvent être attachés à un bouton de menu.

Remarque : La balise <menuitem> est obsolète et non prise en charge dans les navigateurs modernes. Elle a été supprimée du HTML Living Standard et ne doit pas être utilisée dans les nouveaux projets.

Syntaxe

La balise <menuitem> s'utilise par paires. Le contenu est écrit entre les balises d'ouverture (<menuitem>) et de fermeture (</menuitem>). La balise <menuitem> est imbriquée dans l'élément <menu>.

Exemple de la balise HTML `<menuitem>` :

Balise HTML <menuitem>

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>

Try it Yourself »

Résultat

exemple de menuitem

Attributs

Attribut	Valeur	Description
checked	checked	Définit que la commande / l'élément de menu doit être coché lors du chargement de la page (utilisé uniquement pour type = "radio" et type = "checkbox").
default	default	Marque la commande/l'élément de menu comme commande par défaut.
disabled	disabled	Définit que la commande/l'élément de menu doit être désactivé.
icon	icon	Définit une icône pour l'élément de menu/la commande.
label	text	Définit que la commande / l'élément de menu sera affiché pour l'utilisateur. L'attribut est obligatoire.
radiogroup	groupname	Définit le nom des commandes groupées, qui seront activées/désactivées lorsque la commande/l'élément de menu le sera. Utilisé uniquement pour type = "radio".
type	checkbox, command, radio	Définit le type de commande/élément de menu. La valeur par défaut est command.

Remarque : Tous les attributs sont obsolètes et non pris en charge dans les navigateurs modernes.

La balise <menuitem> prend en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <menuitem>

En raison du statut obsolète de cette balise, elle n'est pas rendue en tant qu'élément de menu fonctionnel dans les navigateurs modernes. Les propriétés CSS standard comme display, margin et padding ne restaureront pas sa fonctionnalité prévue.

Pratique

Que faut-il savoir sur la balise HTML <menuitem> ?

La balise <menuitem> est utilisée pour créer des commandes qu'un utilisateur peut invoquer à partir d'un menu contextuel.La balise <menuitem> est utilisée pour afficher une liste d'éléments dans un menu déroulant.La balise <menuitem> spécifie une commande/élément de menu que l'utilisateur peut invoquer à partir d'un menu contextuel.La balise <menuitem> est prise en charge par tous les principaux navigateurs.La balise <menuitem> doit comporter une balise de début et une balise de fin.

Balise HTML <menuitem> ​

Syntaxe ​

Exemple de la balise HTML <menuitem> : ​

Résultat ​