例
異なるとのコンテキストメニュー<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.0 （コンテキストメニューの場合） | サポートされていません | サポートされていません |
注： <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オブジェクト