您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > html5教程 > HTML <menu> type 屬性

HTML <menu> type 屬性

此節(jié)有 231 人學(xué)習(xí)過參與評論

實(shí)例

帶有兩個菜單按鈕（"File" 和 "Edit"）的工具欄，每個按鈕都有一個帶有一系列選項(xiàng)的下拉菜單：

<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>

親自試一試

瀏覽器支持

IE	Firefox	Chrome	Safari	Opera

目前主流瀏覽器都不支持支持 type 屬性。

定義和用法

type 屬性規(guī)定菜單的類型。

HTML 4.01 與 HTML 5 之間的差異

在 HTML5 中重新定義了 <menu> 元素，而 type 則是新的屬性。

語法

<menu type="value">

屬性值

值	描述
list	默認(rèn)。規(guī)定列表菜單。一個用戶可執(zhí)行或激活的命令列表（li 元素）。
context	規(guī)定上下文菜單。該菜單必須在用戶能夠與命令進(jìn)行交互之前被激活。
toolbar	規(guī)定工具欄菜單。活動式命令，允許用戶立即與命令進(jìn)行交互。