HTML5的menu菜单标签

来源:互联网 发布:成绩管理系统c程序软件 编辑:程序博客网 时间:2024/05/24 01:17

代码示例

<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日,我的第一篇博客

0 0
原创粉丝点击