Earn income with your HTML skills

Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.

HTML <input> type="month"

HTML <img>

HTML <ins>

The <input> tag with a type="month" attribute creates a text field that accepts a month and year value.

Inside this field is a calendar icon. Clicking the icon opens a month/year picker.

Example

#

An <input> element of type month.
Clicking the calendar icon opens a month/year picker. Alternatively, enter the month and year directly into the field.

<form action="/tutorial/action.html">
  <fieldset>
    <legend>Birth month/year</legend>

    <input type="month" name="birthmonth"><br /><br />

    <input type="submit" value="Submit">
  </fieldset>
</form>

Using input type="month"

#

The <input type="month"> specifies a month and year picker.

Clicking the calendar icon opens the month/year picker.

The UI of this control varies from browser to browser. In addition, browser support is spotty.

The month field also accepts manual entry which follows a month/year format.

Syntax

#

<input type="month">

Browser support

#

Here is when type="month" support started for each browser:

Chrome	25.0	Feb 2013
Firefox		Not Supported
IE/Edge	12.0	Jul 2015
Opera	10.1	Jun 2009
Safari		Not Supported

#

Back to <input>

Jack Poorte

Last updated on Sep 30, 2023