Search
  1. details HTML5~〔ユーザーが要求に応じて取得できる追加の情報またはコントロール〕
  2. datagrid HTML5~〔選択したテーブルデータのリスト 〕
  3. command HTML5~〔命令ボタン〕
  4. bb〔ユーザーが呼び出し可能なユーザーエージェントのコマンド〕
  5. menu〔リスト〕

details HTML5~
ユーザーが要求に応じて取得できる追加の情報またはコントロール

2009/8/26

構文

<details>~</details>

details要素は、ユーザーが要求に応じて取得できる追加の情報またはコントロールを表します。

details要素の最初の子要素には、details要素の要約を表すlegend要素を指定します。 ブラウザでは、legend要素だけが表示され、ユーザーが legend要素をクリックすることで、詳細の表示・非表示を切り替えることができまます。

※details要素を脚注として使用するのは適切ではありません。

属性

details要素の属性
属性説明
グローバル属性-全要素共通の属性。
openTRUE
FALSE
詳細をユーザーに見せるかどうかの有無を指定。詳細を表示する場合はTRUEを指定。デフォルトはFALSE(非表示)。

datagrid HTML5~
選択したテーブルデータのリスト

2009/8/26

構文

<datagrid>~</datagrid>

datagrid要素は、ツリー、リスト、表データのような対話的な表現を表します。

表示されるデータは、メソッドを使用するスクリプトによって提供されます。 ブラウザでは、ツリー型リストとして表示されます。

属性

datagrid要素の属性
属性説明
グローバル属性-全要素共通の属性。
disableddisableddatagrid要素を無効化する場合に指定。

command HTML5~
命令ボタン

2009/8/26

構文

<command>~</command>

command要素は、ラジオボタン、チェックボックス,ボタンのようなユーザーが呼び出せるコマンドを表します。 type属性にコマンドのタイプを指定します。

属性

command要素の属性
属性説明
グローバル属性-全要素共通の属性。
typeコマンドタイプ

コマンドのタイプを指定。デフォルトは「command」。

  • command:関連する動作による通常のコマンド。
  • checkbox:切替可能な状態かオプション。
  • radio:項目リストから1つの項目を選択。
labelコマンド名コマンドの名前を指定。ラベルは表示される。
iconURLコマンドを表す画像のURLを指定。
disableddisabledcommand要素を無効化する場合に指定。
checkedTRUE
FALSE
コマンドがチェックされるかどうかの有無を指定。チェックされる場合はTRUEを指定。type属性が「radio」または「checkbox」の場合のみ使用可。
radiogroupラジオグループ名コマンドが属するラジオグループ名を指定。type属性が「radio」の場合のみ使用可。
defaultdefaultコマンドを起動する場合に指定。コマンドがコンテキスト内にある場合のみ使用可。
title説明文コマンドについての説明を指定。

bb
ユーザーが呼び出し可能なユーザーエージェントのコマンド

2009/8/26

構文

<bb>~</bb>

HTML5から削除されました。

bb要素は、ユーザーが呼び出し可能なユーザーエージェントのコマンドを表します。

属性

bb要素の属性
属性説明
グローバル属性-全要素共通の属性。
typeコマンドタイプ

列挙属性。コマンドのタイプを指定。

  • command:関連する動作による通常のコマンド。
  • checkbox:切替可能な状態かオプション。
  • radio:項目リストから1つの項目を選択。

サンプル

<style type="text/css">
menu li { display: none; }
menu li:enabled { display: inline; }
menu li:not(:first-child)::before { content: ' | '; }
</style>

<menu id="menu_bb">
	<li><a href="settings.html" onclick="panels.show('settings')">Settings</a>
	<li><bb type="makeapp">Download standalone application</bb>
	<li><a href="help.html" onclick="panels.show('help')">Help</a>
	<li><a href="logout.html" onclick="panels.show('logout')">Sign out</a>
</menu>

<script type="text/javascript">
	var bb=document.getElementById('makeapp');
	if (bb.supported && bb.enabled) {
		bb.parentNode.nextSibling.textContent=' | ';
		bb.textContent='Download standalone application';
	}else{
		bb.parentNode.removeChild(bb);
	}
</script>

menu
リスト

2009/8/26

構文

<menu>~</menu>

menu要素は、コマンドリストを表します。
menu要素は、HTML4.01では非推奨でしたが、HTML5で再定義されました。

type属性は宣言されたメニューの種類を示す列挙属性です。 メニューの種類には、「context」(コンテキストメニュー)、「toolbar」(ツールバー)、「list」(リスト)の3つのがあります。 type属性を省略した場合は、デフォルトの「list」が適用されます。

属性

HTML4.01にあったcompact属性は廃止されました。
HTML5から新たにlabel/type属性が追加されました。

menu要素の属性
属性説明
グローバル属性-全要素共通の属性。
typecontext
toolbar
list
列挙属性。メニューの種類を指定。デフォルトは「list」。
labelメニューラベルメニューの表示ラベルを指定。

サンプル

<menu type="context">
	<li><input type="checkbox" />Red</li>
	<li><input type="checkbox" />blue</li>
</menu>

<menu type="toolbar">
	<li><input type="checkbox" />Red</li>
	<li><input type="checkbox" />blue</li>
</menu>

<menu type="list">
	<li><input type="checkbox" />Red</li>
	<li><input type="checkbox" />blue</li>
</menu>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop

polarized women