button
1. 基本情報
| 説明 | ボタンを提供する |
|---|---|
| 語源 | BUTTON |
| 所属モジュール | Forms |
| 所属コンテントセット | Formctrl |
| 内容 | PCDATA, Heading, Block-Form, List, Inline-Formctrl |
| 内容の書式 | ( PCDATA | Heading | Block-Form | List | Inline-Formctrl )* |
| 関連項目 | input |
| 公式な実装 | DTD |
2. 属性
2-1. 一般属性
| 属性 | 属性値の型 | 説明 |
|---|---|---|
| Common | [属性コレクション] |
XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。 |
2-2. 固有属性
| 属性 | 属性値の型 | 説明 |
|---|---|---|
| type | [選択] |
ボタンの種類を指定します。
|
| name | CDATA |
コントロールの名前を指定します。ラジオボタンやチェックボックスでは、同一フォーム内で値を重複させる事がままあります。 |
| value | CDATA |
このボタンで送信された時、name属性の項目名で送られる値を指定します。 |
| disabled | [選択] |
使用不可にするかどうか指定します。
|
| onfocus | Script (CDATA) |
フォーカスを得た時に実行するスクリプトを記述します。 |
| onblur | Script (CDATA) |
フォーカスを失った時に実行するスクリプトを記述します。 |
| accesskey | Character (CDATA) |
キーボードショートカットを指定します。対応するユーザーエージェントでは、Alt + accesskey などでそのリンクへ瞬時に移動できます。 |
| tabindex | Number (CDATA) |
タブインデックスを指定します。通常、Tabが押されるとユーザーエージェントはリンクを最初から順番に辿っていきますが、この属性で明示的に指定する事ができます。 |
3. 解説
3-1. 概要
button要素は、input要素のボタン特化型とも言うべき要素です。しかしデザインは大きく異なっており、input要素がラベルをvalue属性で指定するのに対し、button要素はラベルを内容として持ちます。これは大きな表現上の利点です。例えばstrong要素を使ってラベルの一部を強調する事もできますし、img要素やobject要素すらボタンの上に描画できます。これがあれば、type属性がsubmit、reset、buttonのinput要素は互換性を考慮した時に使う程度になるでしょう。
ただ一つ、サーバーサイドイメージマップはできない為、type属性がimageのinput要素には取って代われません。また、img要素は内包できますがクライアントサイドイメージマップのimg要素(usemap属性を持つ)は内包できません。
| [button] | ||
|---|---|---|
| Published | : | 2006-03-26T09:00:00+09:00 |
| Last Modified | : | 2006-12-07T09:00:00+09:00 |
| Table of Contents | : | 要素目次 |
| Index | : | 要素索引 |
| Verified with | : |
|