Open In App

HTML | DOM Input Search form Property

Last Updated : 25 Aug, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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

 



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads