HTML | DOM Input Hidden type Property

HTML | DOM Input Hidden type Property

Last Updated : 31 Aug, 2022

The DOM input Hidden type Property is used for returning the type of form element the hidden input field is.
The Input Hidden type returns a string value which represents the type of form element the hidden input field is.
Syntax:

hiddenObject.type

Return Values: It returns a string value which defines the type of form element the input hidden field is.

Below program illustrates the Input Hidden type property:
Example: Returning the type of form element the Input Hidden type field is.

html

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color:green;">GeeksForGeeks </h1>
        <h2>DOM Input Hidden type Property </H2>
        <form id="myGeeks">
            <input type="hidden" id="GFG" 
                   name="myGeeks" value="GeeksForGeeks">
        </form>

        <button onclick="myGeeks()">Submit</button>

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



        <script>
            function myGeeks() {
                var x = document.getElementById("GFG").type;
                document.getElementById("sudo").innerHTML = x;
            }
        </script>

</body>

</html>

Output:
Before clicking on the button :

After clicking on the button:

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

Google Chrome 1
Edge 12
Firefox 1
Opera 2
Safari 1

HTML | DOM Input Hidden type Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input Hidden value Property

The Input Hidden value property in HTML DOM is used to set or return the value of the value attribute of the hidden input field. The value attribute defines the default value of the input hidden field. Syntax: It returns the value property.hiddenObject.valueIt is used to set the value property.hidde

HTML | DOM Input Email type Property

The Input Email type property in HTML DOM is used to return the type of form element of the Email field. It always returns an email for an Input Email Field. Syntax: emailObject.type Return Values: It returns a string value that represents the type of form element of the Email field. The below progr

HTML | DOM Input Hidden form Property

The Input Hidden form property is used to return the reference of the form containing the Input Hidden field. It is read-only Property that returns a form object on success. Syntax: hiddenObject.form Return Values: It returns a string value which specify the reference of the form containing the Inpu

HTML | DOM Input Hidden name Property

The Input Hidden name property in HTML DOM is used to set or return the value of the name attribute. The form data which has been submitted to the server can be identified by the name attribute. The name attribute is also used for referencing form data on the client side using JavaScript. Syntax: It

HTML | DOM Input URL type Property

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 il