HTMLInputElement: name property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

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
# dom-fe-name

Browser compatibility

See also