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

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

ไวยากรณ์ (Syntax)

การดึงอ้างอิงฟอร์ม

inputDatetimeObject.form

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

ตัวอย่างด้านล่างแสดงการดึง ID ของฟอร์มที่ครอบคลุมช่อง datetime:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime form</title>
</head>
<body>
<form id="dateTimeForm">
  Date & Time: <input type="datetime" id="Datetime" value="2009-12-19T12:48Z">
</form>
<button onclick="getFormID()">Get Form ID</button>
<div id="divDisplay"></div>
<script>
  function getFormID() {
    var inputDatetime = document.getElementById("Datetime");
    var divDisplay = document.getElementById("divDisplay");
    divDisplay.textContent = 'Form ID for datetime input: ' + inputDatetime.form.id;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: ไม่แสดงข้อมูลฟอร์ม หลังคลิกปุ่ม Get Form ID: จะแสดง ID ของฟอร์มที่ครอบคลุมช่อง datetime (ในที่นี้คือ "dateTimeForm")

ประโยชน์: คุณสมบัตินี้มีประโยชน์เมื่อต้องการเข้าถึงฟอร์มผู้ปกครองจากช่องกรอกข้อมูล โดยไม่ต้องรู้ ID ของฟอร์มล่วงหน้า