HTML | DOM Input Text form Property
Last Updated :
25 Aug, 2022
Improve
The DOM Input Text form Property in HTML DOM is used to return the reference of form containing the input Text field. It is a read-only property that returns the form object on success.
Syntax:
textObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input Text field.
Example: This example illustrates the Input text form property.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Text form Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Text form Property</h2>
<form id="myGeeks">
<input type="text" id="text_id"
name="geeks" maxlength="60">
</form>
<br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:20px;"></p>
<!-- script to return the form Property-->
<script>
function myGeeks() {
var txt = document.getElementById("text_id").form.id;
document.getElementById("GFG").innerHTML = txt;
}
</script>
</body>
</html>
<html> <head> <title> HTML DOM Input Text form Property </title> </head> <body style="text-align:center;"> <h1>GeeksForGeeks</h1> <h2>DOM Input Text form Property</h2> <form id="myGeeks"> <input type="text" id="text_id" name="geeks" maxlength="60"> </form> <br> <button onclick="myGeeks()">Click Here!</button> <p id="GFG" style="font-size:20px;"></p> <!-- script to return the form Property--> <script> function myGeeks() { var txt = document.getElementById("text_id").form.id; document.getElementById("GFG").innerHTML = txt; } </script> </body> </html>Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM input Text form Property are listed below:
- Google Chrome 1+
- Edge 12+
- Firefox 1+
- Opera
- Safari 1+
