คุณสมบัติ HTML DOM Input Range form

คุณสมบัติ form ของ input type="range" ใช้สำหรับดึงอ้างอิงฟอร์มที่บรรจุ range slider หาก slider อยู่นอกฟอร์ม จะคืนค่า null คุณสมบัตินี้เป็น read-only

ไวยากรณ์ (Syntax)

rangeObject.form

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ form ของ Input Range</h1>
<form id="FORM1">
  <input type="range" id="RANGE1" name="VOL">
</form>
<p>คลิกปุ่มเพื่อดึง id ของฟอร์มที่บรรจุ slider</p>
<button type="button" onclick="formId()">ดูฟอร์ม</button>
<p id="Sample"></p>
<script>
  function formId() {
    var P = document.getElementById("RANGE1").form.id;
    document.getElementById("Sample").innerHTML = "ID ของฟอร์มที่บรรจุ slider คือ: " + P;
  }
</script>
</body>
</html>

ผลลัพธ์

เริ่มต้น: Slider อยู่ในฟอร์ม id="FORM1"

คลิก "ดูฟอร์ม": แสดง "ID ของฟอร์มที่บรรจุ slider คือ: FORM1"

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

• Slider อยู่ใน <form id="FORM1">
• ปุ่ม "ดูฟอร์ม" เรียก formId()
• ดึง .form.id ของ slider element

การใช้งาน: มีประโยชน์เมื่อต้องการเข้าถึงฟอร์มพาเรนต์จาก element ภายใน เพื่อ submit, reset, หรือเข้าถึง element อื่นในฟอร์มเดียวกัน