HTML - <menuitem> 标签

HTML <menuitem> 标签用于定义菜单的菜单项。

HTML menuitem 元素创建一个用户可以通过弹出菜单调用的命令，这包括上下文菜单以及可能附加到菜单按钮的菜单。

此标签不再推荐，因为它已弃用且在 HTML5 中不受支持。

语法

<menuitem label = "" onclick = ""></menuitem>

属性

HTML menuitem 标签支持 HTML 的全局和事件属性。还接受一些特定的属性，如下所示。

属性	值	描述
checked	checked	定义菜单项应被选中
command
default	default	菜单项被标记为默认命令
disabled	disabled	禁用菜单项，无法单击
icon	url	为菜单项定义图标
label	text	为菜单项定义一个名称，显示给用户
radiogroup	groupname	定义一组命令，其中只能选择一个
type	checkbox command radio	定义菜单项的命令类型，默认为 command

HTML menuitem 标签示例

下面的示例将说明 menuitem 标签的使用。在哪里、何时以及如何使用 menuitem 标签创建菜单项。示例仅在 Mozilla Firefox 上有效。

创建 menuitem 元素

让我们看一下下面的示例，我们将使用 menuitem 标签。

<!Doctype html>
<html>
 
<head>
    <title>HTML menuitem Tag</title>
</head>
 
<body>
 
    <div style="border:1px solid #000; padding:20px;" contextmenu="clickmenu">
        <p>Right click inside here....</p>
 
        <menu type="context" id="clickmenu">
            <menuitem label="Tutorialspoint" onclick=""></menuitem>
        </menu>
 
    </div>
</body>
 
</html>

具有不同菜单项的上下文菜单

在下面的示例中，我们将创建具有不同菜单项的上下文菜单，例如 - Instagram、Twitter 和 Facebook。

<!Doctype html>
<html>

<head>
    <title>HTML menuitem Tag</title>
</head>

<body>

    <div style="border:1px solid #000; padding:20px;" 
         contextmenu="clickmenu">
        <p>Right click inside here....</p>

        <menu type="context" id="mymenu">
            <menuitem label="Refresh" 
                      onclick="window.location.reload();" 
                      icon="ico_reload.png">
            </menuitem>
            <menu label="Share on...">
                <menuitem label="Instagram" icon="ico_instagram.png" 
                          onclick=
"window.open('//instagram.com/sharer/sharer?text=' + window.location.href);"> 
                </menuitem>
                <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>

    </div>
</body>

</html>

支持的浏览器

标签
menuitem	否	否	是 8.0（上下文菜单）	否	否

html_deprecated_tags.htm

打印页面