HTML | DOM Input Hidden name Property

Last Updated : 31 Aug, 2022

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 returns the Input Hidden name property.
```
hiddenObject.name
```
It is used to set the Input Hidden name property.
```
hiddenObject.name = name
```

Property Values:

name

Return Value:

Example 1:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM Input Hidden name Property
    </title>
</head>

<body style="text-align:center;">

    <h1 style="color:green;">
        GeeksForGeeks 
    </h1>
    
    <h2>
        DOM Input Hidden name Property
    </h2>

    <input type="hidden" id="GFG" name ="myGeeks"
            value="GeeksForGeeks">
    
    <button onclick="myGeeks()">
        Submit
    </button>
    
    <p id="sudo" style="color:green;font-size:30px;"></p>
    
    <!-- Script to use Input Hidden name property -->
    <script>
        function myGeeks() {
            var x = document.getElementById("GFG").name;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>

</body>
</html>

Output:

Before clicking on the button:

After clicking on the button:

Example 2:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM Input Hidden name Property
    </title>
</head>

<body style="text-align:center;">

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

    <button onclick="myGeeks()">
        Submit
    </button>
    
    <p id="sudo" style="color:green;font-size:20px;"></p>
    
    <!-- Script to use Input Hidden name Property -->
    <script>
        function myGeeks() {
            var x = document.getElementById("GFG").name 
                    = "myInput";
                    
            document.getElementById("sudo").innerHTML
                    = "The value of the name attribbute "
                    + "was changed to " + x;
        }
    </script>
</body>

</html>