首页  >  文章  >  web前端  >  HTML5中<menuitem>标签的使用与定义

HTML5中<menuitem>标签的使用与定义

黄舟
黄舟原创
2017-06-29 11:39:564419浏览

html5中9b8d7b889acba92c978f783c55ba01dc标签作用是弹出菜单调用的项目,这里详细介绍下9b8d7b889acba92c978f783c55ba01dc标签用法、9b8d7b889acba92c978f783c55ba01dc标签属性以及9b8d7b889acba92c978f783c55ba01dc标签应用实例。

html中9b8d7b889acba92c978f783c55ba01dc标签作用:弹出菜单调用的项目

9b8d7b889acba92c978f783c55ba01dc标签用法:

9b8d7b889acba92c978f783c55ba01dc 标签定义用户可以从弹出菜单调用的命令/菜单项目。

9b8d7b889acba92c978f783c55ba01dc标签应用实例:

包含不同 9b8d7b889acba92c978f783c55ba01dc 元素的上下文菜单:

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  </menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open(&#39;//twitter.com/intent/tweet?text=&#39;+window.location.href);">
    </menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open(&#39;//facebook.com/sharer/sharer.php?u=&#39;+window.location.href);">
    </menuitem>
  </menu>
  <menuitem label="Email This Page"
  onclick="window.location=&#39;mailto:?body=&#39;+window.location.href;"></menuitem>
</menu>

9b8d7b889acba92c978f783c55ba01dc标签有哪些属性?

H5 : 表示HTML5 中的新属性。

1652.png

哪些浏览器支持9b8d7b889acba92c978f783c55ba01dc标签?

Firefox8.0以及更高的版本支持9b8d7b889acba92c978f783c55ba01dc标签。

以上是HTML5中<menuitem>标签的使用与定义的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn