Javascript Reference - HTML DOM Input Hidden name Property








The name property sets or gets the name attribute of a hidden input field.

The name attribute identifies form data after it has been submitted to the server.

We can also use the name value to reference form data using JavaScript on the client side.

Browser Support

name Yes Yes Yes Yes Yes

Syntax

Return the name property.

var v = hiddenObject.name 

Set the name property.

hiddenObject.name=name




Property Values

Value Description
name Set the name of the hidden input field

Return Value

A String type value representing the name of the hidden input field.

Example

The following code shows how to change the name of a hidden input field.


<!DOCTYPE html>
<html>
<body>
<!--from  w w w.  java2s  .  c om-->
A hidden input field:
<input type="hidden" id="myInput" name="country" value="abc">
<button onclick="display()">Display name</button>
<button onclick="change()">Change name</button>

<script>
function display() {
    var x = document.getElementById("myInput").name;
    console.log("The name is: " + x);
}

function change() {
    var x = document.getElementById("myInput").name = "newName";
    console.log("The name was changed to: " + x);
}
</script>

</body>
</html>

The code above is rendered as follows: