HTML DOM Document forms ominaisuus

Määrittely ja käyttö

forms Ominaisuus palauttaa dokumentin kaikkien <form>-elementtien kokoelman.

forms Ominaisuus palauttaa HTMLCollection.

forms Ominaisuudet ovat luettavissa.

Katso myös:

Form-objekti

Lomakkeen elementtien kokoelma

HTML <form>-tagi

HTML-lomakkeen oppitunti

Vinkki:Käytä Lomakkeen elementtien kokoelma Palauttaa lomakkeessa olevat kaikki elementit.

HTMLCollection

HTMLCollection On HTML-elementtien vastaava taulukon (lista) kokoelma.

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

Atribuutti Elementteihin voidaan päästä indeksin avulla (alkaen 0).

Ominaisuus palauttaa kokoelmassa olevien elementtien määrän.

Esimerkki

Esimerkki 1

Palauttaa dokumentin <form>-elementtien määrän:

}

let num = document.forms.length;

Esimerkki 3

Esimerkki 2

}

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

Esimerkki 3

Hanki ensimmäisen <form>-elementin id:

}

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

Esimerkki 4

Hanki id="myCarForm" -lomakkeen HTML-sisältö:

}

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

Esimerkki 5

Läpihakkeroidaan kaikki <form>-elementit ja tulostetaan jokaisen lomakkeen 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>";

Esimerkki 6

Hanki jokaisen elementin arvo lomakkeesta form.elements-kokoelmasta:
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

Kokeile itse

document.forms

Syntaksi

Syntaksi Kuvaus
Atribuutti length

Kokonaisuuden elementtien määrä.

Kokonaisuuden elementtien määrä. Kuvaus
Metodiitem([

index

Palauttaa elementin, jolla on määritelty indeksi (alkaen 0).
]item(namedItem(

index

Palauttaa elementin, jolla on määritelty indeksi (alkaen 0).
Jos indeksi on liian suuri, palauttaa null.JosnamedItem(

) Jos Palauttaa elementin, jolla on määritelty

elementtiä. Jos id

Palauttaa arvon, jos ei ole olemassa, palauttaa null.

Tyyppi Kuvaus
Objekti

HTMLCollection-objekti.

Dokumentin kaikki <form>-elementit.

Lajitellaan niiden järjestyksessä, jossa ne ilmestyvät alkuperäisessä koodissa.

Selaimen tuki

document.forms Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tukee 9-11 Tukee Tukee Tukee Tukee