HTMLFormElement インターフェイス

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

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

document.forms

let object_form = document.forms[0];

HTMLFormElement 継承図

プロパティ(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のプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

　HTMLFormElement インターフェイスは以下の独自のメソッドがあります。さらに継承したメソッドがあります。

メソッド	概要	分類
.checkValidity()	データの検証を実行。エラーがある場合は invalid イベントが発生。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型
.reportValidity()	データの検証を実行。エラーがある場合は invalid イベントが発生しメッセージを出力。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型
.requestSubmit()	指定した submit ボタンによる送信を実行する
.reset()	データ内容を初期状態にリセットする
.submit()	送信を実行する

　HTMLFormElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

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

HTMLFormElement.addEventListener( 'click', ()=>{...} )

HTMLFormElement.onclick = function(){...}

<button onclick = "..." >

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

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

GlobalEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

DocumentAndElementEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのイベント一覧　

タイプ名（ハンドラー名）	概要	分類