HTML DOM Document forms属性

定義と使用法

forms 属性は、ドキュメント内のすべての<form>要素の集合を返します。

forms 属性は、ドキュメント内のすべての<form>要素の集合を返します。 HTMLCollection。

forms 属性は読み取り専用です。

参照してください：

Formオブジェクト

Form elements 集合

HTML <form> タグ

HTMLフォームチュートリアル

ヒント：使用法： Form elements 集合 フォーム内のすべての要素を返します。

HTMLCollection

HTMLCollection HTML要素の配列に似た集合（リスト）です。

可以通过索引访问集合中的元素（从 0 开始）。

属性 インデックスを使用してコレクション内の要素にアクセスできます（0から始まる）。

属性はコレクション内の要素数を返します。

インスタンス

例 1

ドキュメント内の <form> 要素の数を返します：

}

let num = document.forms.length;

例 3

例 2

}

let id = document.forms[0].id;

例 3

最初の <form> 要素の id を取得します：

}

let id = document.forms.item(0).id;

例 4

id="myCarForm" の <form> 要素の HTML 内容を取得します：

}

let html = document.forms.namedItem("myCarForm").innerHTML;

例 5

すべての <form> 要素をループして、各フォームの id を出力します：
const form = document.forms[0];
const forms = document.forms;
  for (let i = 0; i < forms.length; i++) {
text += forms.elements[i].value + "<br>";

}

text += forms[i].id + "<br>";

例 6

form.elements コレクションを使用して、フォーム内の各要素の値を取得します：
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

実際に試してみてください

document.forms

文法

文法 説明
属性 length

コレクション内の要素数。

コレクション内の要素数。 説明
メソッドitem([

index

指定された索引の要素（0から始まる）を返します。
]item(namedItem(

index

指定された索引の要素（0から始まる）を返します。
もし索引が範囲外の場合、null を返します。もしnamedItem(

) もし 指定された

の要素。 もし id

存在しない場合、null を返します。

タイプ 説明
オブジェクト

HTMLCollection オブジェクト。

ドキュメント内のすべての <form> 要素。

ソースコード内での出現順序に従って並べ替えます。

ブラウザのサポート

document.forms DOMレベル1（1998）の機能です。

すべてのブラウザがサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート