実行可能なコマンドを表すには？
commandタグの書式
commandタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
commandタグの属性一覧
| 属性 | 内容 |
| グローバル属性 | ※グローバル属性のページを参照してください。 |
| type | コマンドの種類を指定します。
指定できる値は
「command」：通常のコマンド
「checkbox」：状態やオプションのON/OFFを切り替えるトグル形式のタイプ
「radio」：複数のアイテムから1つのアイテムを選択するタイプ
のいずれかになります。
なお、指定しない場合はデフォルト値の「command」となります。 |
| label | ユーザーに表示するコマンドの名前を指定します。
この属性は必須です。
値にブランクを指定することもできません。 |
| icon | コマンドを表す画像のパスを指定します。 |
| disabled | コントロールを無効にする場合に指定します。
この属性を有効にするには
「disabled」
「disabled="disabled"」
「disabled=""」
のいずれかを指定します。 |
| checked | コマンドの選択状態を指定します。
この属性は「type」属性に「radio」、または「checkbox」が指定されている場合に使用可能です。
この属性を有効にするには
「checked」
「checked="checked"」
「checked=""」
のいずれかを指定します。 |
| radiogroup | コマンドのグループを指定します。
指定したグループ内で、択一の値を取る場合に使用します。
この属性は「type属性」に「radio」が指定されている場合に使用可能です。 |
| title | コマンドの説明を指定します。 |
commandタグの解説
<command>は、ユーザーが実行可能なコマンド（命令）を表すための要素です。
例えば、コンテキスト・メニューやツールバーのといった機能の実装、あるいはキーボードショートカットなどを定義する場合に使用します。
どのような種類のコマンドとするかは、「type」属性で指定することができます。
なお、<command>は<menu>要素の子要素として使用します。
定義した<menu>の子要素に、<command>の一覧を指定するような形で使用してください。
<command>には終了タグがありません。<command>を記述する際、開始タグのみを記述します。
commandタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<menu type="toolbar">
<command type="command" label="開く" icon="icons/open.png" onclick="open()">
<command type="command" label="印刷" icon="icons/print.png" onclick="print()">
<command type="command" label="ヘルプ" icon="icons/help.png" onclick="help()">
<hr>
<command type="command" disabled label="プロパティ" icon="icons/property.png" onclick="property()">
</menu>
</body>
</html>
commandタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
</head>
<body>
<menu type="toolbar">
<command type="radio" radiogroup="group1" checked label="拡大" icon="icons/big.png" onclick="setSize('big')">
<command type="radio" radiogroup="group1" label="縮小" icon="icons/small.png" onclick="setSize('small')">
<command type="radio" radiogroup="group1" label="戻す" icon="icons/normal.png" onclick="setSize('normal')">
<command type="command" title="画像のサイズ調整方法" label="ヘルプ" icon="icons/help.png" onclick="help()">
</menu>
</body>
</html>
commandタグの関連項目
