Date Input Test

The following example uses a standard HTML <input type="date"> element. The user interface is provided by the browser, and varies in different browsers and devices. If a calendar popup is provided, it may be opened by clicking a button and/or by pressing alt + down arrow, and this behavior may change depending on whether a screen reader is or has been running. On mobile devices, it may be presented as a combination of pop-up calendar, spinners, and/or other elements specific to the device.

For this test, the minimum date is set (via script) to 150 years before today and the maximum to 18 years before today. Client-side validation, including the error message, is handled by the browser. This behavior can be disabled by adding the "novalidate" attribute to the form element.