HTML <menu> type 属性

返回上一级

type 属性用于设置菜单的类型

语法

<menu type="list|context|toolbar">

属性值

描述
list 默认。设置一个列表菜单。一个用户可执行或激活的命令列表 ( li 元素)
context 设置一个上下文菜单。菜单必须在用户与命令进行交互之前被激活
toolbar 设置一个工具栏菜单。主动式命令,允许用户立即与命令进行交互

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前几乎没有主流浏览器支持 type 属性

范例

带有两个菜单按钮("File" 和 "Edit")的工具栏,每个按钮都是一个带有一系列选项的下拉菜单

<menu type="toolbar">
    <li>
        <menu label="File">
            <button type="button" onclick="file_new()">New...</button>
            <button type="button" onclick="file_open()">Open...</button>
            <button type="button" onclick="file_save()">Save</button>
        </menu>
    </li>
    <li>
        <menu label="Edit">
            <button type="button" onclick="edit_cut()">Cut</button>
            <button type="button" onclick="edit_copy()">Copy</button>
            <button type="button" onclick="edit_paste()">Paste</button>
        </menu>
    </li>
</menu>

运行范例 »

HTML 4.01 与 HTML5 之间的差异

HTML5 中,重新定义了 <menu> 元素且新增了 type 属性

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.