HTML DOM form collection is used to return all form elements present in the HTML document as a collection. The elements in the collection are sorted and displayed in the order in which they appear in the HTML document.

Properties

The following are the properties of the form collection-

Method

The following is the method of form collection-

Syntax

The following is the syntax for HTML DOM form collection - p>

document.forms

Example

Let’s take a look at the HTML Example of DOM Form Collection -

Live Demo

Forms collection example

Fruit 


Age 


Password: 



GET IDS
Following are the form ids 

Output

This will produce the following output-

Single When clicking the "Get IDS" button-

In the above example-

we first created three IDs as "FORM1" and "FORM2" form and "FORM3". The first two forms have an input element of text type and the third form has an input element of password type -

Fruit 


Age 


Password: 

GET IDS button executes formCollect() method when user clicks-

GET IDS

The formCollect() method gets the document.forms length property value (3 in our case) and uses it in the test expression inside the for loop. Using the index number on the form collection, we get their id and append it to the paragraph with id "Sample" for display -

function formCollect() {
   for(var i=0;i";
      document.getElementById("Sample").innerHTML +=no;
   }
}

The above is the detailed content of HTML DOM form collection. For more information, please follow other related articles on the PHP Chinese website!