例
不同的上下文菜單<menuitem>元素:
<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('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
試一試» 定義和用法
在<menuitem>標籤定義的命令/菜單項,用戶可以從彈出菜單中調用。
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
元件 | |||||
---|---|---|---|---|---|
<menuitem> | 不支持 | 不支持 | 8 (上下文菜單) | 不支持 | 不支持 |
注: <menuitem>標籤只支持在Firefox中,它僅適用於上下文菜單。
HTML 4.01和HTML5之間的差異
在<menuitem>標籤是HTML5中的新。
屬性
=新的HTML5。
屬性 | 值 | 描述 |
---|---|---|
checked | checked | 指定命令/菜單項應該在頁面加載時進行檢查。 僅用於type="radio"或type="checkbox" |
command | ||
default | 類=“notranslate”新增默認 | 標誌著命令/菜單項是一個默認命令 |
disabled | disabled | 指定該命令/菜單項應被禁用 |
icon | URL | 指定命令/菜單項的圖標 |
label | text | 需要。 指定命令/菜單項的名稱,如顯示給用戶 |
radiogroup | groupname | 指定當命令/菜單項本身被觸發,這將被切換的命令組的名稱。 僅用於type="radio" |
type | checkbox command radio | 指定命令/菜單項的類型。 默認為"command" |
全局屬性
在<menuitem>標籤支持全局的HTML屬性 。
事件屬性
在<menuitem>標籤支持的HTML事件屬性 。
相關頁面
HTML DOM參考: MenuItem對象