異なる <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>
Try it Yourself ❯
<menuitem> タグは、ポップアップメニューから呼出すことができる、コマンド/メニュー項目を定義します。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<menuitem> | Not supported | Not supported | 8.0 (for context menus) |
Not supported | Not supported |
注: <menuitem> タグは、Firefox のみがサポートしており、コンテキストメニューだけが動作します。
<menuitem> タグは、HTML5で新しく追加されました。
= HTML5 で新規追加。
属性 | 値 | 説明 |
---|---|---|
checked | checked | ページをロードした時に、チェック済みにするコマンド/メニュー項目を指定する。type="radio" または type="checkbox" の場合のみ。 |
command | ||
default | default | デフォルトのコマンドとして、マークするコマンド/メニュー項目 |
disabled | disabled | 無効にすべきコマンド/メニュー項目を指定する |
icon | URL | コマンド/メニュー項目へアイコンを指定する |
label | text | 必須。ユーザに示すため、コマンド/メニュー項目の名前を指定する |
radiogroup | groupname | コマンド/メニュー項目自体がトグルされたときに、トグルされるコマンドのグループの名前を指定する。type="radio" の場合のみ |
type | checkbox command radio |
コマンド/メニュー項目タイプを指定する。デフォルトは "command" |
<menuitem> タグは、HTML のグローバル属性もサポートします。
<menuitem> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:MenuItem オブジェクト