在 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>
广告