Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

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

คุณสมบัติ form ของ Input Date คืนค่าการอ้างอิงของฟอร์มที่ครอบคลุม input date

รูปแบบไวยากรณ์ (Syntax)

  • การคืนค่าการอ้างอิงถึงออบเจ็กต์ form
inputDateObject.form

ตัวอย่าง

ตัวอย่างการใช้งานคุณสมบัติ Input Date form:

<!DOCTYPE html> <html> <head> <title>Input Date Form</title> </head> <body> <form id="formForDateInput"> เลือกวันที่: <input type="date" id="Date" > </form> <button onclick="getFormID()">ดึง Form ID</button> <div id="divDisplay"></div> <script>    function getFormID() {       var inputDate = document.getElementById("Date");       var divDisplay = document.getElementById("divDisplay");       divDisplay.textContent = 'Form ID for date input: '+inputDate.form.id;    } </script> </body> </html>

ผลลัพธ์

โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:

ก่อนคลิกปุ่ม 「ดึง Form ID」 :

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

หลังคลิกปุ่ม 「ดึง Form ID」 :

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