ฟอร์มทั่วไปจะมี name (ชื่อ) และ target (เป้าหมาย) โดยหากไม่มีชื่อ จะยากมากในการตรวจสอบความถูกต้องของฟอร์ม JavaScript มีคุณสมบัติ document.name และ document.target สำหรับค้นหาชื่อและเป้าหมายของฟอร์มตามลำดับ เรามาดูรายละเอียดแต่ละอย่างกัน
ชื่อ (Name) ของฟอร์ม
ตัวอย่าง
ในตัวอย่างต่อไปนี้ จะค้นหา ชื่อ ของฟอร์มโดยใช้เมธอด document.name ของ JavaScript ชื่อฟอร์มนี้ใช้สำหรับ ตรวจสอบความถูกต้อง ของฟอร์ม
<html> <body> <form id="form1" name="form" action="/action_page.php"></form> <p id="name"></p> <script> var nm = document.getElementById("form1").name; document.getElementById("name").innerHTML = nm; </script> </body> </html>
ผลลัพธ์
form
เป้าหมาย (Target) ของฟอร์ม
ตัวอย่าง
ในตัวอย่างต่อไปนี้ จะค้นหา เป้าหมาย ของฟอร์มโดยใช้เมธอด document.target ของ JavaScript
<html> <body> <form id="form1" target="_self" action="/action_page.php"></form> <p id="target"></p> <script> var tar = document.getElementById("form1").target; document.getElementById("target").innerHTML = tar; </script> </body> </html>
ผลลัพธ์
_self
