这边文章主要的讲述了html5 menu标签的定义和用法实例,有实例和实例结果在,这让我们学习的时候更加简单了,所以,请认真的阅读本篇关于html5 menu标签的文章吧
html5 menu标签的定义和用法:
label属性(定义菜单项的可见标记,常用于标记菜单内的嵌套菜单,语法:menu label="File")
type 属性(定义菜单显示的类型,默认值为 "list",语法:menu type="value")
list:默认值。规定一个列表菜单。一个用户可执行或激活的命令列表(li元素)。
toolbar:规定一个工具栏菜单。主动式命令,允许用户立即与命令进行交互。
contextmenu:规定一个上下文菜单,当用户右击元素时将显示上下文菜单。
2.HTML5的menu菜单标签
代码示例
<span contextmenu="myMenu">右击一下</span>
<menu type="context" id="myMenu">
<menuitem label="单击一下" onclick="alert('您单击了我一下')" icon="">
</menuitem>
</menu>
Salin selepas log masuk
html5 menu标签的代码解析:
标签用于上下文菜单、工具栏以及用于列出表单控件和命令;
上例标签的contextmenu属性值即为属性id的值;
label属性设置的是菜单项的名字;
onclick属性设置点击菜单项的事件;
icon属性设置菜单项左侧小图标;
标签下可以有多个