最終更新日:
公開日:
リファレンス
HTML
メニューアイテム
menuitem要素
menu要素内のメニュー項目を表します。
サンプルコード
<button type="menu" menu="view-menu">Menu</button>
<menu type="context" id="view-menu">
<menuitem type="radio" radiogroup="action" label="Action1" icon="images/icon/item1.png">
<menuitem type="radio" radiogroup="action" label="Action2" icon="images/icon/item2.png">
<menuitem type="radio" radiogroup="action" label="Action3" icon="images/icon/item3.png">
</menu>
-
カテゴリー
なし
-
コンテンツモデル
なし(空)
-
使用ケース
ポップアップメニュー状態のmenu要素の子要素として使用
属性
- グローバル属性
-
下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。 - type
-
メニュー項目の状態を指定します。
-
command
通常のメニュー項目を表示します。
-
checkbox
チェックボックスを表示します。
-
radio
ラジオボタンを表示します。
-
- label
-
表示するラベルを指定します。
- icon
-
表示するメニューのアイコンを画像URLで指定します。
- disabled
-
メニューを無効にしたい場合に指定します。論理属性です。
- checked
-
項目を初期状態でチェック済みにしたい場合に指定します。論理属性です。
- radiogroup
-
type属性が「radio」のとき、ラジオボタンのグループとしてまとめます。
- default
-
項目が初期値であることを表します。論理属性です。