HTMLInputElement: name property

The name property of the HTMLInputElement interface indicates the name of the <input> element. It reflects the element's name attribute.

Value

A string representing the element's name.

Example

Given the following HTML:

html
<p>
  <label for="planet">Which planet were you born on?</label>
  <input id="planet" type="text" name="origin" />
</p>

You can use the name property to retrieve or set the <input>'s name:

js
const inputElement = document.querySelector("#planet");
console.log(`Element's name: ${inputElement.name}`); // "Element's name: origin"
inputElement.name = "planet"; // updates the element's name

Specifications

Specification
HTML Standard
# dom-fe-name

Browser compatibility

BCD tables only load in the browser

See also