HTMLButtonElement インターフェイス
HTMLButtonElement インターフェイスは、画像を取り込んだボタンやスタイルシートを摘要できる汎用性を持った<form> のボタン部品である <button> エレメントを定義したインターフェイスです。
このインターフェイスのプロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLButtonElement
- ┆
<input> によるボタンは HTMLInputElement を参照してください。
ページ内 Index
- ad -
プロパティ(Properties)
HTMLButtonElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。
プロパティ | 概要 | 分類 |
---|---|---|
.autofocus | ページの読み込み時にフォーカスをあてるか/否か。フォーカスがあたっている状態でページが表示される。Boolean 型 | |
.disabled | ボタンとしての機能が無効になるか/否か。薄い色で表示される。Boolean 型 | |
.form | button エレメントが属する HTMLFormElement のハンドラー。なければ null | |
.formAction | データの送信先 URL 。<form> の送信先よりも優先される。DOMString 型 | |
.formEnctype | 送信データの形式 enctype 属性のこと。 <form> の enctype 属性よりも優先される。 DOMString 型 | |
.formMethod | HTTP メソッド 'GET'、'POST' の設定。 <form> の method 属性よりも優先される。DOMString 型 | |
.formNoValidate | データ送信時に値のチェックを行わないという設定。 <form> の novalidate 属性よりも優先される。Boolean 型 | |
.formTarget | 返信されたレスポンスを表示する Window または iframe の指定。 <form> の target 属性よりも優先されるDOMString 型。 | |
.labels | 関連付けられた <label> を NodeList で返す | |
.menu | 関連付けられた <menu> を返す。 <menu> は <li> と併用したリスト表示のために使う | |
.tabIndex | タブによるショートカットキーのフォーカス順を指定。long 型 | |
.type |
以下の機能を指定。DOMString 型
| |
.willValidate | readonly または disabled ではないかを取得。データを送信する対象なら true を返す。 Boolean 型 | |
.validationMessage | エラーメッセージを取得。エラーがなければ null 。DOMString 型 | |
.validity | ボタンの有効性を示す ValidityState オブジェクトを返す | |
.value | 送信される値を取得と設定。DOMString 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
メソッド(Methods)
HTMLButtonElement インターフェイスは 以下の独自のメソッドがあります。さらに継承したメソッドがあります。
メソッド | 概要 | 分類 |
---|---|---|
.checkValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
.reportValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生しメッセージを出力。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
.setCustomValidity() | データの検証エラーを任意に発生できる。引数が指定されるとエラー状態になる。引数を空文字 '' にすると終了。type="reset"、"button" は非対応。 void 型 |
HTMLButtonElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
イベント(Event)
HTMLButtonElement にイベントハンドラーを定義する方法には以下があります。
HTMLButtonElement.addEventListener( 'click', ()=>{...} )
HTMLButtonElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLButtonElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
DocumentAndElementEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
- ad -