最新的Web開發教程
 

HTML <menuitem> Tag


不同的上下文菜單<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對象