<command> - コマンド
目次
概要
- 形式
- [非推奨]
<command>
~</command>
- サポート
- HTML5 草案のみ
- タグの省略
- 開始タグ:必須、終了タグ:必須
- 包含可能要素
- インライン要素
- 属性
- グローバル属性
- (その他下記参照)
説明
command は、<menu>
と組み合わせて、ツールバーメニュー、コンテキストメニューなどを実現します。HTML5 の草案で定義されましたが、最終案では破棄されました。HTML5.1 では、<menuitem>
という名前で採用されることになりました。
属性
- グローバル属性
- 詳細は グローバル属性 を参照してください。
- type=type
- [非推奨] H5d
- タイプを指定します。
- command : コマンドメニュー(H5d)(規定値)
- checkbox : チェックボックスメニュー(H5d)
- radio : ラジオボタンメニュー(H5d)
- label=label
- [非推奨] H5d
- メニューのラベルを指定します。
- checked
- [非推奨] H5d
- メニューをチェックされた状態にします。
- disabled
- [非推奨] H5d
- メニューを無効化します。
- icon=url
- [非推奨] H5d
- アイコン画像を指定します。
- radiogroup=name
- [非推奨] H5d
- ラジオボタンのグループを指定します。
使用例
ツールバーの例を示します。ブラウザがサポートしていれば、ツールバーが表示されます。
HTML
<menu type="toolbar"> <command type="command" label="保存" onclick="doSave()"> <command type="checkbox" label="サイズ表示" onclick="doSize()"> <command type="radio" radiogroup="align" label="左寄せ" onclick="doLeft()"> <command type="radio" radiogroup="align" label="中央寄せ" onclick="doCenter()"> <command type="radio" radiogroup="align" label="右寄せ" onclick="doRight()"> </menu>
コンテキストメニューの例を示します。ブラウザがサポートしていれば、div要素を右クリックするとコンテキストメニューが表示されます。
HTML
<div contextmenu="mymenu">....</div> <menu id="mymenu" type="context"> <command type="command" label="保存" onclick="doSave()"> <command type="checkbox" label="サイズ表示" onclick="doSize()"> <command type="radio" radiogroup="align" label="左寄せ" onclick="doLeft()"> <command type="radio" radiogroup="align" label="中央寄せ" onclick="doCenter()"> <command type="radio" radiogroup="align" label="右寄せ" onclick="doRight()"> </menu>
関連項目
Copyright (C) 2011-2017 杜甫々
初版:2011年6月4日 最終更新:2017年12月31日
https://www.tohoho-web.com/html/command.htm