HTMLFormElement インターフェイス
HTMLFormElement インターフェイスは、サーバーにデータ送信をするための <form> エレメントを定義したインターフェイスです。
HTMLFormElement インターフェイスでプロパティ、メソッド、イベントを定義しています。
web ページ内の <form> オブジェクトは Document.forms で取得できます。ただし、 HTMLCollection 型の複数のオブジェクトですので番号指定などを行う必要があります。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLFormElement
- ┆
ページ内 Index
- ad -
プロパティ(Properties)
HTMLFormElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。
プロパティ | 概要 | 分類 |
---|---|---|
.acceptCharset | accept-charset 属性。文字のエンコーディング。空白で区切る。DOMString 型 | |
.action | 送信先のURL。DOMString 型 | |
.autocomplete | 自動で入力項目を補完するか。'off' で補完しない。'on' で補完する。DOMString 型 | |
.elements | <form> エレメントが包括するエレメント群。HTMLFormControlsCollection | |
.encoding | MIME タイプ。.enctype に同じ。DOMString 型 | |
.enctype | MIME タイプ。.encoding に同じ。DOMString 型 | |
.length | <form> 内の入力項目(コントロール)数。Long 型 | |
.method | データの送信方法、'POST'、'GET'、'DIALOG' の指定。DOMString 型 | |
.name | name 属性。form を name 属性の値で呼び出すことができる。 DOMString 型 | |
.noValidate | データの内容を検証するか/否か。 Boolean 型 | |
.target | <form> の内容を送信後のレスポンスを表示するウィンドウの指定。'_self'、'_blank'、'_parent'、'_top'。 DOMString 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
メソッド(Methods)
HTMLFormElement インターフェイスは 以下の独自のメソッドがあります。さらに継承したメソッドがあります。
メソッド | 概要 | 分類 |
---|---|---|
.checkValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
.reportValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生しメッセージを出力。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
.requestSubmit() | 指定した submit ボタンによる送信を実行する | |
.reset() | データ内容を初期状態にリセットする | |
.submit() | 送信を実行する |
HTMLFormElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのメソッド一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
イベント(Event)
HTMLFormElement にイベントハンドラーを定義する方法には以下があります。
HTMLFormElement.addEventListener( 'click', ()=>{...} )
HTMLFormElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLFormElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
DocumentAndElementEventHandlersのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
- ad -