例
コンテキストメニュー:
<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>
»それを自分で試してみてください 定義と使用法
type属性は、メニューの種類を指定します。
ブラウザのサポート
表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。
属性 | |||||
---|---|---|---|---|---|
type | サポートされていません | サポートされていません | 8.0 (のみ= "コンテキスト"と入力) | サポートされていません | サポートされていません |
HTML 4.01とHTML5の違い
<menu>要素は、HTML5で再定義されており、 type属性が新しく追加されました。
構文
<menu type="list|context|toolbar">
属性値
値 | 説明 |
---|---|
list | デフォルト。 リストメニューを指定します。 コマンド(のリストliユーザーが実行するか、または活性化させることのできる要素)、 |
context | コンテキストメニューを指定します。 ユーザーがコマンドと対話することができます前に、メニューをアクティブにする必要があります |
toolbar | ツールバーメニューを指定します。 アクティブコマンド、ユーザーはすぐにコマンドと対話することができます |