HTMLInputElement: type 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.

Learn more
See full compatibility
Report feedback

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

html

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

JavaScript

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

Specifications

Specification
HTML Standard # dom-input-type

Browser compatibility

BCD tables only load in the browser