HTML | DOM Input URL form Property

The DOM Input URL form Property is used for returning the reference of the form containing the URL field. It is read-only property and returns a form object on success.
Syntax:

urlObject.form

Return Values: It returns a string value which specify the reference of the form containing the Input URL field

Below Program that illustrates the use of form Property.
Example:

html

<!DOCTYPE html>

<html>
 
<head>

    <title>

        DOM Input URL form Property

    </title>

</head>
 
<body>

    <center>

        <h1 style="color:green;"> 

                GeeksForGeeks 

            </h1>
 
        <h2>

          DOM Input URL form Property

      </h2>
 
        <label for="uname"

               style="color:green">

      </label>
 
            <form id="geeks">

                <input type="url"

                       id="gfg"

                       placeholder="Enter URL"

                       size="20"

                       pattern="https?://.+"

                       title="Include http://"

                       maxlength="20">

            </form>

            <br>

            <br>
 
            <button type="button"

                    onclick="geeks()">

                Click

            </button>
 
            <p id="GFG"

               style="color:green;

                      font-size:25px;">

      </p>
 
            <script>

                function geeks() {

                    var link =

                        document.getElementById(

                          "gfg").form.id;

                    document.getElementById(

                      "GFG").innerHTML = link;

                }

            </script>

    </center>

</body>
 
</html>

Output:
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browsers supported by DOM input URL form property are listed below:

Google Chrome 1
Edge 12
Firefox
Opera 11
Safari

Article Tags :

HTML

Web Technologies

HTML-DOM