使用<menuitem>标记创建命令/菜单项,用户可以从HTML5的弹出菜单中调用该命令/菜单项。HTML <menuitem>标记用于定义菜单的菜单项。
以下是<menuitem>标记的属性-
属性 | 值 | 描述 |
---|---|---|
已检查 ![]() | 已检查 | 定义应检查菜单项 |
默认 ![]() | 默认 | menuitem被标记为默认命令 |
残障人士 ![]() | 残障人士 | 禁用菜单项,无法单击 |
图标 ![]() | 网址 | 为菜单项定义图标 |
标签 ![]() | 文本 | 为显示给用户的菜单项定义一个名称 |
无线电组 ![]() | 组的名字 | 定义一组命令,从中只能选择一个 |
类型 ![]() | 复选框 命令 单选 | 定义菜单项的命令类型默认为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 = "Nhooo" onclick = ""></menuitem> <menuitem label = "Tutorials Library" onclick = ""></menuitem> <menuitem label = "Coding Ground" onclick = ""></menuitem> <menuitem label = "Q/A" onclick = ""></menuitem> </menu> </div> </body> </html>