HTML5的menu菜单标签

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Albert_1000/article/details/52850574

代码示例

<span contextmenu="myMenu">右击一下</span>
<menu type="context" id="myMenu">
    <menuitem label="单击一下" onclick="alert('您单击了我一下')" icon="">
    </menuitem>
</menu>

代码说明:

  1. <menu>标签用于上下文菜单、工具栏以及用于列出表单控件和命令;
  2. 上例<span>标签的contextmenu属性值即为<menu>属性id的值;
  3. label属性设置的是菜单项的名字;
  4. onclick属性设置点击菜单项的事件;
  5. icon属性设置菜单项左侧小图标;
  6. <menu>标签下可以有多个<menuitem>
  7. 当然,menu属性不止这么多,本博文只是列举出了一些常用的属性。

运行结果如下图

这里写图片描述


今天是2016年10月18日,我的第一篇博客

猜你喜欢

转载自blog.csdn.net/Albert_1000/article/details/52850574
今日推荐