HTML | DOM Input URL type Property

HTML | DOM Input URL type Property

Last Updated : 26 Aug, 2022

The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return "URL".
Syntax:

urlObject.type

Return Value: It returns a string value which represent the type of form element the URL field is.
Example: This Example illustrates how to return the type Property.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM Input URL type Property
    </title>
</head>

<body>
    <center>
        <h1 style="color:green;"> 
                GeeksForGeeks 
            </h1>

        <h2>DOM Input URL type Property</h2>

        <label for="uname"
               style="color:green">
            <b>Enter URL</b>
        </label>

        <input type="url" 
               id="gfg"
               placeholder="Enter URL">

        <br>
        <br>

        <button type="button" 
                onclick="geeks()">
            Click
        </button>

        <p id="GFG"
           style="color:green;
                  font-size:25px;">
      </p>




        <script>
            function geeks() {
              
                // Return type.
                var link =
                    document.getElementById(
                      "gfg").type;
              
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>

</html>

Output:
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM input URL type Property are listed below:

Google Chrome 1
Edge 12
Firefox
Opera 11
Safari

HTML | DOM Input URL type Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input URL size Property

The DOM Input URL size Property in HTML DOM is used to set or return the value of the size attribute of an Input url Field. The size attribute is used to define the width of a url field. Its default value is 20. Syntax: It returns the Input url size property.urlObject.sizeIt is used to set the Input

HTML DOM Input Tel type Property

The DOM Input tel type property in HTML DOM is used to return the type of form element of the input tel field. It always returns the "tel" for an Input tel field. Syntax: telObject.typeReturn Values: It returns a string value that represents the type of form element of the tel field. The below progr

HTML | DOM Ul type Property

The HTML DOM Ul type Property is used to sets or returns a value of the type attribute of a <ul> Element. Note: This property is no longer supported in HTML5. Syntax: It returns a ul type Property.ulObject.typeIt is used to set the ul type property.ulObject.type = "disc/circle/square"; Propert

HTML DOM Input Text type Property

The Input Text type Property in HTML DOM is used to return the type of form element of the text field. It always returns the text for an Input text field. Syntax:Â textObject.typeReturn Value: It returns a string value that represents the type of form element the input text field is. Below program i

HTML | DOM Input Date type Property

The Input Date type property is used for returning the type of form element the date field is. The Input Date type property returns a string that represents the type of form element the date field is. Syntax: inputdateObject.type Return Values: It returns a string value that represents the type of f