例
不同的上下文菜单<menuitem>元素:
<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>
试一试» 定义和用法
在<menuitem>标签定义的命令/菜单项,用户可以从弹出菜单中调用。
浏览器支持
在表中的数字指定完全支持元件的第一个浏览器的版本。
元件 | |||||
---|---|---|---|---|---|
<menuitem> | 不支持 | 不支持 | 8 (上下文菜单) | 不支持 | 不支持 |
注: <menuitem>标签只支持在Firefox中,它仅适用于上下文菜单。
HTML 4.01和HTML5之间的差异
在<menuitem>标签是HTML5中的新。
属性
=新的HTML5。
属性 | 值 | 描述 |
---|---|---|
checked | checked | 指定命令/菜单项应该在页面加载时进行检查。 仅用于type="radio"或type="checkbox" |
command | ||
default | 类=“notranslate”新增默认 | 标志着命令/菜单项是一个默认命令 |
disabled | disabled | 指定该命令/菜单项应被禁用 |
icon | URL | 指定命令/菜单项的图标 |
label | text | 需要。 指定命令/菜单项的名称,如显示给用户 |
radiogroup | groupname | 指定当命令/菜单项本身被触发,这将被切换的命令组的名称。 仅用于type="radio" |
type | checkbox command radio | 指定命令/菜单项的类型。 默认为"command" |
全局属性
在<menuitem>标签支持全局的HTML属性 。
事件属性
在<menuitem>标签支持的HTML事件属性 。
相关页面
HTML DOM参考: MenuItem对象