HTML <menu> type 属性
实例
上下文菜单:
<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>
亲自试一试 »
定义和用法
type 属性指定菜单的类型。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
type | 不支持 | 不支持 | 8.0 (only type="context") |
不支持 | 不支持 |
语法
<menu type="list|context|toolbar">
属性值
值 | 描述 |
---|---|
list | 默认。 指定一个列表菜单。 用户可以执行或激活的命令列表(li 元素) |
context | 指定上下文菜单。 必须先激活菜单,然后用户才能与命令交互 |
toolbar | 指定工具栏菜单。 主动命令,允许用户立即与命令交互 |
❮ HTML <menu> 标签