HTML <menu> 標(biāo)簽

2022-06-01 15:40 更新

<menu> 標(biāo)簽定義了菜單列表,它實(shí)現(xiàn)的顯示效果和無序列表是相同的,請(qǐng)參考下述例子:

實(shí)例

兩個(gè)菜單按鈕系列選項(xiàng)實(shí)例("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>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

目前主流瀏覽器并不支持 <menu> 標(biāo)簽。


標(biāo)簽定義及使用說明

<menu> 標(biāo)簽定義了一個(gè)命令列表或菜單。 <menu> 標(biāo)簽通常用于文本菜單,工具條和命令列表選項(xiàng)。

提示和注釋

提示: 使用 CSS 來定義菜單列表樣式。


HTML 4.01 與 HTML5之間的差異

HTML 4.01的 <menu> 元素已廢棄。

HTML5 中 <menu> 元素已被重新定義。


屬性

New:HTML5 新屬性。

屬性 描述
labelNew text 描述菜單項(xiàng)的標(biāo)記。
typeNew context
toolbar
list
描述顯示菜單類型. 默認(rèn)為 "list"。

全局屬性

<menu> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。

事件屬性

<menu> 標(biāo)簽支持所有 HTML事件屬性

相關(guān)文章

HTML DOM 參考手冊(cè):HTML DOM Menu 對(duì)象


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)