ユーザが押すことができる button。イベントハンドラは、マウス、キーボード、その他のイベントのトラップに使えます。これは普通、グレーの長方形で描画されます。label
属性または button 内のコンテンツでボタンのラベルを指定できます。
詳しい情報は、 XUL tutorial にあります。
- 属性
- accesskey, autoCheck, checkState, checked, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type
- プロパティ
- accessKey, accessibleType, autoCheck, checkState, checked, command, crop, dir, disabled, dlgType, group, image, label, open, orient, tabIndex, type
例
<button label="Press Me" oncommand="alert('You pressed me!');"/>
属性
-
autoCheck
- 型: 論理型
- この属性が
true
に設定されているか、この属性が無いとき、button が押下される度にボタンのチェック状態が切り替わります。false
のときは、チェック状態を手動で調整しなければなりません。この属性が true の場合、button の種類は "checkbox" または "radio" でなければなりません。
-
checkState
- 型: 整数型, 値は
0
または1
,2
- この属性は、0 および 1, 2 の button の 3 つの状態を作成するために使用します。状態が 0 または 1 の場合、button を押すと反対の状態に切り替わります。状態が 2 の場合、button を押すと状態 0 に切り替わります。これは、チェック状態を手動で調整するための 3 番目の状態を除き、checkbox のように動作する button を意味します。異なる方法で状態を調整したいときは、
autoCheck
属性をfalse
に設定し、状態をスクリプトで調整してください。チェック状態を持つ button はtype
属性がcheckbox
に設定されていなければなりません。この属性に設定可能な定数は nsIDOMXULButtonElement インタフェース内にあります。
- {{ XULAttr("checked") }}
- 型: 論理型
- 要素にチェックが入っているかどうかを示します。
- この属性が設定されているかどうかを確認するには、
getAttribute()
ではなくhasAttribute()
を使用してください。
button 要素で、この属性による効果を得るには {{ XULAttr("type") }}
属性に checkbox か radio を設定しなければなりません。
-
crop
- 型: 下記の値のいずれか一つ
- 要素の label に与えられた空間が小さ過ぎるときは、
crop
属性によって指定された側のテキストが切り取られます。テキストが切り取られた場所には省略記号 (ellipsis)が使用されます。ボックスの方向が反対の場合は、切り取られる場所も反対側になります。
start
: テキストは先頭から切り取られます。end
: テキストは末尾から切り取られます。left
: テキストは左側から切り取られます。right
: テキストは右側から切り取られます。center
: テキストの中央が切り取られ、通常、テキストの先頭と末尾が表示されます。none
: テキストは省略記号を使用して切り取られません。しかし、テキストがあまりに長い場合は単純に削除されます。削除する側は CSS の行揃え (text alignment)に依存します。
- {{ XULAttr("dir") }}
- 型: 下記の値のいずれか一つ
- 要素の子要素が配置される方向。
normal
: 要素は左から右へ、または上から下へ、XUL コード内に現れる順に配置されます。reverse
: 要素は右から左へ、または下から上へ、XUL コード内に現れる順と逆に配置されます。
-
disabled
- 型: 論理型
-
要素が無効化されているかどうかを示します。ある要素が
true
に設定されていたら、その要素は無効化されています。無効化された要素は通常グレイ表示のテキストで描画されます。要素が無効化されていると、ユーザのアクションには応答せず、フォーカスもあてられず、command
イベントも発生しません。
-
dlgtype
- 型: 下記の値のいずれか一つ
- button がダイアログボックス内にある場合のみ使用される、button の dialog 形式。この機能は、標準のダイアログボックスボタンをカスタムボタンで置き換えるために使用します。dialog イベントメソッドはそのまま機能します。例えば、
dlgType
がaccept
に設定されているときは、この button がダイアログボックスの (普通はOK
ラベルが付いた) 同意ボタンと置き換えられます。この属性をダイアログボックス内ではない button に使用しても効果はありません。ダイアログの形式として次の値を使用することができます:
accept
: OK ボタン。押下された場合、変更に同意します。cancel
: キャンセルボタン。操作を中止します。help
: ヘルプボタン。ダイアログについてのヘルプを表示します。disclosure
: 詳細を表示するボタン。これは、ボタンか詳細表示の三角形になります。
group
- 型: グループ名の文字列
- group 属性に同じ値を持つ、type="radio" のボタンは同じグループ内に置かれます。各グループでは一度に一つのボタンのみにチェックを入れることができます。ユーザが一つのボタンを選択すると、グループ内の他のボタンのチェックが外れます。
-
icon
- Mozilla 1.8
- 型: 文字列型
- この属性は共通ボタンの用法を設定するために使用します。一部のプラットフォームでは、これらのボタンを、その用法を指示する小さなアイコンで表示します。これは
image
属性の中で使用しなければなりません。可能な値は次のとおり:accept
,cancel
,help
,open
,save
,find
,clear
,yes
,no
,apply
,close
,print
,add
,remove
,refresh
,go-forward
,go-back
,properties
,select-font
,select-color
,network
。これら共通の用法のいずれかに一致するボタンを使用するときは、それを示すためにicon
属性を使用してください。
-
label
- 型: 文字列型
- 要素上に表示するlabel。 省略された場合、テキストは表示されない。
-
orient
- 型: 下記の要素のいずれか一つ
- ある要素の子要素の並びが水平方向なのか、垂直方向なのかを指定するのに使われる。デフォルト値はその要素に依存する。-moz-box-orient スタイルプロパティを使用することもできます。
horizontal
: ある要素の子要素それぞれが、XUL のソース中で現れる順に、水平に一行に並んでいる。vertical
: ある要素の子要素それぞれが、XUL のソース中で現れる順に、垂直に一列に並んでいる。
-
tabindex
- 型: 整数型
- 要素のタブの順番。タブの順番は
tab
キーが押下されたときにフォーカスが移動する順番です。より大きなtabindex
の値をもつ要素は、タブの遷移が後になります。
プロパティ
-
accessibleType
- 型: 整数型
- 要素の accessibility オブジェクトの種類を示す値。
-
checkState
- 型: 整数型, 値は
0
または1
,2
-
checkState
属性の値の取得と設定。
メソッド
XUL 要素からの継承
blur
, click
, doCommand
, focus
, getElementsByAttribute
, getElementsByAttributeNS
DOM 要素からの継承
addEventListener()
, appendChild()
, compareDocumentPosition, dispatchEvent()
, getAttribute()
, getAttributeNode()
, getAttributeNodeNS()
, getAttributeNS()
, getElementsByTagName()
, getElementsByTagNameNS()
, getFeature, getUserData, hasAttribute()
, hasAttributeNS()
, hasAttributes()
, hasChildNodes()
, insertBefore()
, isEqualNode, isSameNode, isSupported()
, lookupNamespaceURI, lookupPrefix, normalize()
, removeAttribute()
, removeAttributeNode()
, removeAttributeNS()
, removeChild()
, removeEventListener()
, replaceChild()
, setAttribute()
, setAttributeNode()
, setAttributeNodeNS()
, setAttributeNS()
, setUserData
関連項目