HTML | DOM Input Month value Property
The Input Month value property is used for setting or returning the value of the value attribute of a Month field. The Input Month value attribute can be used for specifying a Month and year for the month field.
Syntax:
- For returning the value property:
monthObject.value
- For setting the value property:
monthObject.value = YYYY-MM
Property Value:
- YYYY-MM: This values states the year and Month. Here YYYY is the year i.e. 2019 and MM is the month i.e. 03.
Return Value: It returns a string which represents the value for a month field.
Below program illustrates the Month value property:
Example-1: This example returns the Input Month value property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Input Month value Property </ title > </ head > < body style="text-align:center;"> < h1 >w3wiki</ h1 > < h2 >DOM Input Month value Property</ h2 > < form id="myBeginner"> < input type="month" id="month_id" name="Beginner" value="2019-03"> </ form > < br > < button onclick="myBeginner()">Click Here!</ button > < p id="GFG" style="font-size:20px;"></ p > <!-- Script to return the value Property--> < script > function myBeginner() { var gfg = document.getElementById("month_id").value; document.getElementById("GFG").innerHTML = gfg; } </ script > </ body > </ html > |
Output:
Before clicking on the button:
After clicking on the button:
Example-2: This Example illustrates how to set the property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Input Month value Property </ title > </ head > < body style="text-align:center;"> < h1 >w3wiki</ h1 > < h2 >DOM Input Month value Property</ h2 > < form id="myBeginner"> < input type="month" id="month_id" name="Beginner" > </ form > < br > < button onclick="myBeginner()">Click Here!</ button > < p id="GFG" style="font-size:20px;"></ p > <!-- Script to set the value Property--> < script > function myBeginner() { var gfg = document.getElementById("month_id"); gfg.value = "2019-09"; var g = gfg.value; document.getElementById("GFG").innerHTML = g; } </ script > </ body > </ html > |
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM Input Month value Property are listed below:
- Google Chrome 20 and above
- Edge 12 and above
- Opera 11 and above
Note: In Firefox, the input type=”month” element does not show any date field or calendar.