在 HTML5 中创建用户可以从弹出菜单中调用的命令/菜单项


使用 <menuitem> 标签在 HTML5 中创建用户可以从弹出菜单中调用的命令/菜单项。HTML <menuitem> 标签用于定义菜单的菜单项。

<menuitem> 标签的属性如下:

属性

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

示例

您可以尝试运行以下代码在 HTML5 中实现 <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>
            <menuitem label = "Tutorials Library" onclick = ""></menuitem>
            <menuitem label = "Coding Ground" onclick = ""></menuitem>
            <menuitem label = "Q/A" onclick = ""></menuitem>
         </menu>
      </div>
   </body>
</html>

更新于: 2020-06-24

230 次浏览

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告