HTML | DOM Input Search form Property
The DOM Input Search form Property in HTML DOM is used for returning the reference of the form containing the input search field. It is read-only Property that returns a form object on success.
Syntax:
searchObject.form
Return Values: It returns a string value which specify the reference of the form containing the Input Search field
Example: Below Program that illustrates the Input search form property.
html
<!DOCTYPE html><html><head> <title> Input Search form Property </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input Search form Property</h2> <form id="myGeeks"> <input type="Search" id="test" name="myGeeks" placeholder="Type to search.."> </form> <br> <br> <button ondblclick="Access()"> click here </button> <p id="check" style="font-size:24px; color:green;"> </p> <script> function Access() { // Return Input search form property var s = document.getElementById( "test").form.id; document.getElementById( "check").innerHTML = s; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input search form Property are listed below:
- Google Chrome 5 and above
- Edge 12 and above
- Firefox 4 and above
- Opera 10.6 and above
- Safari 5 and above
Please Login to comment...