備忘録的プログラミングリファレンス

HTMLFormElement インターフェイス

 HTMLFormElement インターフェイスは、サーバーにデータ送信をするための <form> エレメントを定義したインターフェイスです。
 HTMLFormElement インターフェイスでプロパティメソッドイベントを定義しています。

 web ページ内の <form> オブジェクトは Document.forms で取得できます。ただし、 HTMLCollection 型の複数のオブジェクトですので番号指定などを行う必要があります。

HTMLFormElement 継承図

プロパティ(Properties)

 HTMLFormElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。

プロパティ概要分類
.acceptCharset accept-charset 属性。文字のエンコーディング。空白で区切る。DOMString 型
.action送信先のURL。DOMString 型
.autocomplete自動で入力項目を補完するか。'off' で補完しない。'on' で補完する。DOMString 型
.elements<form> エレメントが包括するエレメント群。HTMLFormControlsCollection
.encodingMIME タイプ。.enctype に同じ。DOMString 型
.enctypeMIME タイプ。.encoding に同じ。DOMString 型
.length<form> 内の入力項目(コントロール)数。Long 型
.methodデータの送信方法、'POST'、'GET'、'DIALOG' の指定。DOMString 型
.namename 属性。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 インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLFormElement にイベントハンドラーを定義する方法には以下があります。

HTMLFormElement.addEventListener( 'click', ()=>{...} )
HTMLFormElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLFormElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類