HTML DOM Input Date form Property

HTML Web Development Front End Technology

The Input Date form property returns the reference of enclosing form for input date.

Syntax

Following is the syntax −

Returning reference to the form object

inputDateObject.form

Example

Let us see an example of Input Date form property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Date Form</title>
</head>
<body>
<form id="formForDateInput">
Date Select: <input type="date" id="Date" >
</form>
<button onclick="getFormID()">Get 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>