HTML <menuitem>タグ
例
異なる<menuitem>要素を含むコンテキストメニュー：
<menu type="context" id="mymenu">
<menuitem label="リフレッシュ" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="シェア..."
<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="このページをメールで送信"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
ブラウザのサポート
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Firefox 8.0以降のバージョンが<menuitem>タグをサポートしています。
定義と使用方法
<menuitem>タグは、ユーザーがポップアップメニューから呼び出せるコマンド/メニュー項目を定義します。
HTML 4.01とHTML 5の間の違い
<menuitem>タグはHTML5の新しいタグです。
属性
new : HTML5の新しい属性。
| 属性 | 値 | 説明 |
|---|---|---|
| checked | checked | ページが読み込まれた後にコマンド/メニュー項目を選択する規定です。 type="radio" または type="checkbox" にのみ適用されます。 |
| default | default | コマンド/メニュー項をデフォルトコマンドに設定します。 |
| disabled | disabled | コマンド/メニュー項が無効であることを指定します。 |
| icon | URL | コマンド/メニュー項のアイコンを指定します。 |
| open | open | details が可視であるかどうかを定義します。 |
| label | text | 必須。コマンド/メニュー項の名前を指定し、ユーザーに表示します。 |
| radiogroup | groupname | コマンドグループの名前を指定し、コマンドグループがコマンド/メニュー項自体が切り替わるときに切り替わります。 type="radio" にのみ適用されます。 |
| type |
|
コマンド/メニュー項のタイプを指定します。デフォルトは "command" です。 |
グローバル属性
<menuitem> タグがサポート HTML のグローバル属性。
イベント属性
<menuitem> タグがサポート HTML のイベント属性。
関連ページ
HTML DOM 参考手册：MenuItem オブジェクト
