Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at

Type: one of the values below
You can set the type attribute to one of the values below to specify the type of datepicker to use
A datepicker with three fields for entering the year, month and date. This is the default value so do not specify the type attribute if this kind is desired.
A datepicker that displays a calendar grid where one month is shown at a time.
A datepicker with three entry fields but an additional dropdown button, which, when pressed, will display a popup calendar grid.
Normal type
Grid type
Popup type

Document Tags and Contributors

 Contributors to this page: Sheppy, ethertank, pippijn, trevorh, Marsf, Mgjbot, Taken, BenoitL, Enn
 Last updated by: Sheppy,