| (One intermediate revision by the same user not shown) | |||
| Line 17: | Line 17: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<label for="bday-month">What month were you born in?</label> | <label for="bday-month">What month were you born in?</label> | ||
| − | + | <input id="bday-month" type="month" name="bday-month" /> | |
===Note=== | ===Note=== | ||
When not a correct month is entered, the browser will fallback to a text-input field. Read the link below how to handle these situations. | When not a correct month is entered, the browser will fallback to a text-input field. Read the link below how to handle these situations. | ||
| ws-class-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
{{Doc properties | {{Doc properties | ||
| − | |Subject version=2.0 | + | |Subject version=2.0,2.1 |
|Doc subject=DevOps:Doc/FlexForm | |Doc subject=DevOps:Doc/FlexForm | ||
|Doc parent=DevOps:Doc/FlexForm/1.0/input | |Doc parent=DevOps:Doc/FlexForm/1.0/input | ||
Latest revision as of 21:03, 31 March 2023
Name
month
Type
input
Synopsis
How to render a month/year input field
Description
input elements of type month create input fields that let the user enter a month and year allowing a month and year to be easily entered. The value is a string whose value is in the format "YYYY-MM", where YYYY is the four-digit year and MM is the month number.
Parameters
type="month"
All other valid parameters for an input field are valid. Additionally you can use min, max, step and list.
Example
<label for="bday-month">What month were you born in?</label>
<input id="bday-month" type="month" name="bday-month" />
Note
When not a correct month is entered, the browser will fallback to a text-input field. Read the link below how to handle these situations.
Also note that not all browsers support the month attribute.
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month
