คุณสมบัติ form ของ Input Password ใน HTML DOM

คุณสมบัติ form ของ Input Password ใน HTML DOM ใช้สำหรับคืนค่าอ้างอิงฟอร์ม (form reference) ที่ครอบคลุมช่องป้อนรหัสผ่าน หากช่องรหัสผ่านอยู่นอกฟอร์ม จะคืนค่า NULL เป็นคุณสมบัติแบบอ่านอย่างเดียว (read-only)

ไวยากรณ์ (Syntax)

passwordObject.form

ตัวอย่าง

ตัวอย่างการดึง id ของฟอร์มที่มีช่องรหัสผ่านอยู่ภายใน:

<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ form ของ Input Password</h1>
<form id="NEW_FORM">
  Password: <input type="password" id="PASS">
</form>
<p>คลิกปุ่มด้านล่างเพื่อดู id ของฟอร์ม</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
  function formId() {
    var formId = document.getElementById("PASS").form.id;
    document.getElementById("Sample").innerHTML = "ID ของฟอร์มที่มีช่องรหัสผ่านคือ: " + formId;
  }
</script>
</body>
</html>

ผลลัพธ์

เมื่อโหลดหน้าเว็บจะแสดงฟอร์มที่มีช่องรหัสผ่านและปุ่ม "GET FORM"

เมื่อคลิกปุ่ม "GET FORM" จะแสดง "ID ของฟอร์มที่มีช่องรหัสผ่านคือ: NEW_FORM"

คำอธิบายโค้ด

• สร้าง <form id="NEW_FORM"> มีช่องรหัสผ่าน id="PASS" ภายใน
• สร้างปุ่ม "GET FORM" เรียกใช้ formId() เมื่อคลิก
• ฟังก์ชัน formId() ดึงช่องรหัสผ่านด้วย getElementById("PASS") อ่าน .form.id ได้ id ของฟอร์มครอบครอง
• เก็บในตัวแปร formId แล้วแสดงในย่อหน้า id="Sample"