m (Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5") |
|||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
month | month | ||
===Type=== | ===Type=== | ||
input | |||
===Synopsis=== | ===Synopsis=== | ||
How to render a month/year input field | How to render a month/year input field | ||
===Description=== | ===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=== | ===Parameters=== | ||
type="month" | type="month" | ||
| Line 13: | Line 13: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
< | <label for="bday-month">What month were you born in?</label> | ||
< | <input id="bday-month" type="month" name="bday-month" /> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
< | <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: | ||
{{ | {{Csp class properties | ||
|Subject version=2.0 | |Subject version=2.0,2.1,2.5 | ||
|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 | ||
|Doc sort order=110 | |Doc sort order=110 | ||
|Doc target group=User | |Doc target group=User | ||
|Doc synopsis=How to render a month/year input field | |||
}} | }} | ||
Latest revision as of 10:13, 21 August 2025
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
