HTMLInputElement: type property

The type property of the HTMLInputElement interface indicates the kind of data allowed in the <input> element, for example a number, a date, or an email. Browsers will select the appropriate widget and behavior to help users to enter a valid value.

It reflects the type attribute of the <input> element.

Value

A string representing the type.

Its possible values are listed in the attribute's input types section.

Example

HTML

<input id="input1" type="date" />

JavaScript

const inputElement = document.querySelector("#input1");
console.log(inputElement.type); // Output: "date"

Specifications

Browser compatibility

See also

• HTMLTextAreaElement.type property
• HTMLButtonElement.type property