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⁩.

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 # dom-input-type

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on ⁨Jul 25, 2025⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content