La etiqueta HTML <menuitem> se usa para definir un comando o menú que el usuario puede utilizar desde el elemento emergente. esta etiqueta no es compatible con HTML5. Esta etiqueta admite atributos globales en HTML y atributos de eventos en HTML.
Sintaxis:
<menuitem label="" icon="" type> </menuitem>
Atributo:
- marcado: este atributo define que el elemento del menú se marca cuando se carga la página, funciona en la radio y el tipo de casilla de verificación.
- predeterminado: este atributo marca el elemento del menú como un comando predeterminado.
- disabled: este atributo deshabilitó el menú o el comando.
- icon: Este atributo define el icono del menú usando url.
- etiqueta: Se requiere este atributo que define el nombre del comando o menú.
- radiogroup: Este atributo define el grupo de mando.
- tipo: este atributo define el tipo de comando o menú, ya sea radio, casilla de verificación o cualquier otra cosa.
El siguiente ejemplo ilustra la etiqueta HTML <menuitem>:
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML <menuitem> Tag</title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>HTML <menuitem> tag</h2>
<div style="background:green;border:2px solid
#black;padding: 10px;" contextmenu="geeks">
<p>A Computer Science Portal for Geeks</p>
<menu type="context" id="geeks">
<menu label="Share on...">
<menuitem label="Twitter"
onclick=
"window.open('//twitter.com/intent/tweet?text=' + window.location.href);">
</menuitem>
<menuitem label="Pinterest"
onclick=
"window.open('http://pinterest.com/pin/create/button/?url=' + window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick=
"window.location='mailto:?body='+window.location.href;">
</menuitem>
</menu>
</div>
<p>A Computer Science Portal for Geeks</p>
<hr>
<p>Right click on green div and see the menuitem
</center>
</body>
</html>
Salida:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con la etiqueta <menuitem> se enumeran a continuación:
- Mozilla Firefox
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA