คุณสมบัติ forms ของ HTML DOM Document

คำอธิบายและวิธีใช้

forms คุณสมบัติกลับค่าชุดขององค์ประกอบ <form> ทั้งหมดในเอกสาร。

forms คุณสมบัติกลับค่า HTMLCollection。

forms คุณสมบัติเป็นค่ามาตรฐานไม่สามารถเปลี่ยนแปลงได้。

ดูเพิ่มเติม:

ตัวแทน Form

มุมมอง Form elements ชุด

ตากแบบ <form> HTML

ตัวอย่างที่น่าสนใจ: หลักสูตร HTML ฟอร์ม

คำเตือน:ควรใช้ มุมมอง Form elements ชุด กลับค่าเป็นชุดขององค์ประกอบทั้งหมดในฟอร์ม。

HTMLCollection

HTMLCollection คือชุดขององค์ประกอบ HTML ที่เหมือนตาราง (รายการ)。

สามารถเข้าถึงองค์ประกอบในชุดด้วยดัชนี (เริ่มต้นจาก 0) ได้

length คุณสมบัติส่งกลับจำนวนองค์ประกอบในชุด

ตัวอย่าง

ตัวอย่าง 1

ส่งกลับจำนวน <form> อิเลเมนต์ในเอกสาร:

let num = document.forms.length;

ลองด้วยตัวเอง

ตัวอย่าง 2

ดึง id ของ <form> อิเลเมนต์แรก:

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

ลองด้วยตัวเอง

ตัวอย่าง 3

ดึง id ของ <form> อิเลเมนต์แรก:

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

ลองด้วยตัวเอง

ตัวอย่าง 4

ดึงเนื้อหา HTML ของ <form> ที่มี id="myCarForm":

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

ลองด้วยตัวเอง

ตัวอย่าง 5

วนลูปผ่านทุก <form> อิเลเมนต์และแสดง id ของฟอร์มทุกตัว:

const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
  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 จำนวนองค์ประกอบในชุด

วิธี

วิธี รายละเอียด
[index]

ส่งกลับองค์ประกอบที่มีดัชนีที่กำหนด (เริ่มต้นจาก 0)。

ถ้าดัชนีนอกขอบเขต ก็จะส่งกลับ null。
item(index)

ส่งกลับองค์ประกอบที่มีดัชนีที่กำหนด (เริ่มต้นจาก 0)。

ถ้าดัชนีนอกขอบเขต ก็จะส่งกลับ null。
namedItem(id)

ที่มี id องค์ประกอบของ

ถ้า id ไม่มีในตอนนี้ ก็จะส่งกลับ null。

ค่าที่ส่งกลับ

ชนิด รายละเอียด
วัตถุ

วัตถุ HTMLCollection

ทั้งหมด <form> อิเลเมนต์ในเอกสาร。

เรียงตามลำดับที่มันปรากฏในโค้ดต้นฉบับ。

สนับสนุนบราวเซอร์

document.forms เป็นคุณสมบัติ DOM Level 1 (1998) ของมัน。

ทั้งหมดบราวเซอร์ทุกตัวสนับสนุนมัน:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน