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

項目が初期値であることを表します。論理属性です。

こちらの記事は役に立ちましたか？

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます！
運営の参考にさせていただきます。

属性

command

checkbox

radio

こちらの記事は役に立ちましたか？