HTML DOM Hidden name Property

Tutorial -- Learning is not just about technology, but also about dreams!

JavaScript Reference

JavaScript Objects

Browser Objects

DOM Objects

HTML Objects

Hidden name Property

Hidden Object

Definition and Usage

The name property sets or returns the value of the name attribute of a hidden field.

The name property is used to pass data to the server after form submission, or to reference form data in JavaScript.

Note: Only the name attributes of form elements are passed as data values after form submission.

Syntax

Set the name property:

hiddenObject.name="_name_"

Return the name property:

hiddenObject.name

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

All major browsers support the name property.

Example

The following example returns the name of the hidden input field:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial(example.com)</title>
<script>
function displayResult(){
    var x=document.getElementById("hidden1").name;
    alert(x);
}
</script>
</head>
<body>
<form>
<input type="hidden" id="hidden1" name="hidden1">
</form>
<button type="button" onclick="displayResult()">Display the name of the hidden input field</button>
</body>
</html>

Try it yourself »