Open2024/08/08にコメント追加1

🟣【DOM】formのメンバーについて

フォームでよく利用するメソッド
ここまでに紹介したほかにも、フォームにはさまざまなメソッド/プロバティが用意されています。
本でこれらすべてを紹介することはできないので、以下に主要なものをまとめておきます。接能をおおまかに把握する手がかりにしてください。
children

フォームやその要素に関するメソッドとプロパティは、フォーム操作やユーザーインタラクションを効果的に管理するために重要です。ここで、一般的に使用されるメソッドとプロパティを整理し、それぞれの役割を明確にしましょう。

フォームに関連する主なメソッドとプロパティ

プロパティ
プロパティは、要素の状態や属性にアクセスするためのものです。

プロパティ	説明	戻り値	使用例
disabled	要素の入力/選択を禁止するかどうかを設定します。	戻り値: 真偽値 (true または false)	inputElement.disabled = true;
form	要素が属するフォームを取得します。	HTMLFormElement	inputElement.form
validity	要素の検証結果を取得します。	ValidityState オブジェクト	inputElement.validity.valid
action	フォームデータを送信する URL を指定または取得します。	文字列	formElement.action = "https://example.com/submit";
method	フォームデータ送信時の HTTP メソッドを指定または取得します。	文字列（例: "GET", "POST"）	formElement.method = "POST";
elements	フォーム内のすべての入力要素のコレクションを取得します。	HTMLFormControlsCollection	formElement.elements
enctype	フォームデータのエンコード方法を指定または取得します。	文字列（例: "application/x-www-form-urlencoded", "multipart/form-data"）	formElement.enctype = "multipart/form-data";
target	フォーム送信先の表示方法を指定または取得します。	文字列（例: "_blank", "_self"）	formElement.target = "_blank";
name	フォームまたは要素の名前を指定または取得します。	文字列	formElement.name = "myForm";
まとめ
メソッドは、フォームやその要素に対して特定の動作を実行します（例: submit(), reset()）。
プロパティは、フォームやその要素の状態や属性を取得または設定します（例: action, method, disabled）。