Etiqueta HTML `<menuitem>`

La etiqueta HTML <menuitem> define un comando o elemento de menú que los usuarios pueden invocar desde un menú emergente definido con la etiqueta <menu>. Esto incluye menús contextuales y menús que se pueden adjuntar a un botón de menú.

Nota: La etiqueta <menuitem> está obsoleta y no es compatible con los navegadores modernos. Fue eliminada del Estándar HTML en Vivo y no debe usarse en nuevos proyectos.

Sintaxis

La etiqueta <menuitem> se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<menuitem>) y cierre (</menuitem>). La etiqueta <menuitem> se anida dentro del elemento <menu>.

Ejemplo de la etiqueta HTML `<menuitem>`:

Etiqueta 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 »

Resultado

menuitem example

Atributos

Atributo	Valor	Descripción
checked	checked	Indica que el comando / elemento de menú debe estar marcado cuando se carga la página (solo se usa para type = "radio" y type = "checkbox").
default	default	Marca el comando/elemento de menú como un comando predeterminado.
disabled	disabled	Indica que el comando/elemento de menú debe estar deshabilitado.
icon	icon	Define un icono para el elemento de menú/comando.
label	text	Indica que el comando / elemento de menú se mostrará al usuario. El atributo es obligatorio.
radiogroup	groupname	Define el nombre de los comandos agrupados, que se alternarán cuando se active el comando/elemento de menú. Solo se usa para type = "radio".
type	checkbox, command, radio	Define el tipo de comando/elemento de menú. El valor predeterminado es command.

Nota: Todos los atributos están obsoletos y no son compatibles con los navegadores modernos.

La etiqueta <menuitem> admite los Atributos Globales y los Atributos de Eventos.

Cómo dar estilo a una etiqueta HTML <menuitem>

Debido al estado obsoleto de la etiqueta, no se representa como un elemento de menú funcional en los navegadores modernos. Las propiedades CSS estándar como display, margin y padding no restaurarán su funcionalidad prevista.

Práctica

¿Qué es cierto sobre la etiqueta HTML <menuitem>?

La etiqueta <menuitem> se utiliza para crear comandos que un usuario puede invocar desde un menú emergente.La etiqueta <menuitem> se utiliza para mostrar una lista de elementos en un menú desplegable.La etiqueta <menuitem> especifica un comando/elemento de menú que el usuario puede invocar desde un menú emergente.La etiqueta <menuitem> es compatible con todos los navegadores principales.La etiqueta <menuitem> debe tener una etiqueta de inicio y una etiqueta de cierre.

Etiqueta HTML <menuitem> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <menuitem>: ​

Resultado ​