Atribut Document DOM HTML forms

Definisi dan penggunaan

forms Atribut mengembalikan koleksi semua elemen <form> dalam dokumen.

forms Atribut mengembalikan HTMLCollection.

forms Atributnya hanya baca.

Lihat pula:

Objek Form

Koleksi elemen Form

Tanda <form> HTML

Tutorial Form HTML

Petunjuk:Silakan gunakan Koleksi elemen Form Mengembalikan semua elemen dalam formulir.

HTMLCollection

HTMLCollection Adalah koleksi seperti array dari elemen HTML (daftar).

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

Atribut Elemen dalam kumpulan dapat diakses melalui indeks (dari 0).

Atribut mengembalikan banyaknya elemen dalam kumpulan.

Instance

Contoh 1

Kembalikan jumlah elemen <form> di dokumen:

}

let num = document.forms.length;

Contoh 3

Contoh 2

}

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

Contoh 3

Dapatkan id elemen <form> pertama:

}

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

Contoh 4

Dapatkan konten HTML elemen <form> dengan id="myCarForm":

}

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

Contoh 5

Lompat melintasi semua elemen <form> dan tampilkan id setiap formulir:
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>";

Contoh 6

Dapatkan nilai setiap elemen di formulir menggunakan kumpulan form.elements:
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

Coba sendiri

document.forms

Syntaks

Syntaks Deskripsi
Atribut length

Banyaknya elemen dalam kumpulan.

Banyaknya elemen dalam kumpulan. Deskripsi
Metodeitem([

index

Kembalikan elemen dengan indeks yang ditentukan (dari 0).

]item(namedItem(

index

Kembalikan elemen dengan indeks yang ditentukan (dari 0).

Jika indeks melebihi batas, kembalikan nilai null.JikanamedItem(

) Jika Kembalikan elemen dengan yang ditentukan

elemen. Jika id

Kembalikan nilai null jika tidak ada.

Tipe Deskripsi
Objek

Objek HTMLCollection.

Semua elemen <form> di dokumen.

Diurutkan berdasarkan urutan munculnya di kode asli.

Dukungan peramban

document.forms Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya:

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