Exemplo
Um menu de contexto com diferentes <menuitem> elementos:
<menu type="context" id="mymenu">
<menuitem label="Refresh"
onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter"
icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
Tente você mesmo " Definição e Uso
O <menuitem> tag define um item de comando / menu que o usuário pode chamar de um menu pop-up.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.
Elemento | |||||
---|---|---|---|---|---|
<menuitem> | Não suportado | Não suportado | 8 (Para menus de contexto) | Não suportado | Não suportado |
Nota: O <menuitem> tag só é suportada no Firefox, e ele só funciona para menus de contexto.
Diferenças entre HTML 4.01 e HTML5
O <menuitem> tag é novo em HTML5.
Atributos
= Novo em HTML5.
Atributo | Valor | Descrição |
---|---|---|
checked | checked | Especifica que o item de comando / menu deve ser verificada quando a página é carregada. Apenas para type="radio" ou type="checkbox" |
command | ||
default | class = default "notranslate" | Marca o item de comando / menu como sendo um comando padrão |
disabled | disabled | Especifica que o item de comando / menu deve ser desativado |
icon | URL | Especifica um ícone para o item de comando de menu / |
label | text | Requeridos. Especifica o nome do item de comando / menu, como mostrado ao utilizador |
radiogroup | groupname | Especifica o nome do grupo de comandos que será alternado quando o item de comando / menu em si é alternado. Apenas para type="radio" |
type | checkbox command radio | Especifica o tipo de item de comando / menu. O padrão é "command" |
Atributos globais
O <menuitem> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <menuitem> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: objeto MenuItem