El atributo de tipo en el elemento <menu> se usa para definir el tipo de barra de menú. También se usa con la etiqueta <menuitem> que define el tipo de comandos de los elementos del menú.
Sintaxis:
<menu type="list|context|toolbar">
Valores de atributos:
- lista: Tiene un valor por defecto. Define una lista de menús que realiza algunas acciones al interactuar con el usuario.
- context: Define un menú contextual que realizará una acción antes de interactuar con el usuario.
- barra de herramientas: Define un menú de barra de herramientas que permite comandos, permite al usuario interactuar con los comandos de forma inmediata.
Ejemplo: El siguiente código HTML muestra el atributo de tipo HTML <menu> .
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>HTML <menu> type attribute</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="menuID">
<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>
Producción:
Navegadores compatibles
- Firefox 8.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA