HTML & CSS

最終更新日:
公開日:

リファレンス

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

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

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

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

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