The DOM Input Number form Property in HTML is used for returning the reference of the form containing the input number field. It is a read-only Property that returns a form object on success.
Syntax:
numberObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input Number field.
Example: Below program illustrates the Input number form property.
HTML
<!DOCTYPE html><html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Number form Property</h2>
<form id="myGeeks">
<input type="number" id="myNumber"
step="5" name="geeks" placeholder="multiples of 5">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="font-size:23px;color:green;"></p>
<script>
function myFunction() {
// Return Input Number form Property
var x =
document.getElementById("myNumber").form.id;
document.getElementById(
"demo").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM input number form Property are listed below:
- Google Chrome
- Edge 12+
- Firefox
- Opera
- Safari