DevOps:Doc/FlexForm/2.0/input/month - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:13:01Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:13, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|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

Maintenance script: Imported by PageSync

2025-07-15T08:34:06Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:34, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot: User:Charlot

2023-03-31T20:03:48Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:03, 31 March 2023
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

Charlot at 21:05, 13 December 2022

2022-12-13T21:05:02Z

← Older revision		Revision as of 23:05, 13 December 2022
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" />		<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.

Charlot at 21:04, 13 December 2022

2022-12-13T21:04:45Z

← Older revision		Revision as of 23:04, 13 December 2022
Line 2:		Line 2:
	month		month
	===Type===		===Type===
	~~_input~~		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.		'''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~~>		<label for="bday-month">What month were you born in?</label>
	<~~_input~~ id="bday-month" type="month" name="bday-month" />		<input id="bday-month" type="month" name="bday-month" />
	</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" />		<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.

Charlot: User:Charlot

2022-12-13T21:04:13Z

User:Charlot

ws-class-props
← Older revision		Revision as of 23:04, 13 December 2022
Line 5:		Line 5:
	\|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
	}}		}}

Charlot: User:Charlot

2022-12-13T21:04:06Z

User:Charlot

New page

===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===
<syntaxhighlight lang="html">
<_label for="bday-month">What month were you born in?</_label>
<_input id="bday-month" type="month" name="bday-month" />
</syntaxhighlight>
<_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