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 >GeeksForGeeks</ h1 >
< h2 >DOM Input Month value Property</ h2 >
< form id="myGeeks">
< input type="month" id="month_id" name="geeks" value="2019-03">
</ form >
< br >
< button onclick="myGeeks()">Click Here!</ button >
< p id="GFG" style="font-size:20px;"></ p >
< script >
function myGeeks() {
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 >GeeksForGeeks</ h1 >
< h2 >DOM Input Month value Property</ h2 >
< form id="myGeeks">
< input type="month" id="month_id" name="geeks" >
</ form >
< br >
< button onclick="myGeeks()">Click Here!</ button >
< p id="GFG" style="font-size:20px;"></ p >
< script >
function myGeeks() {
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.
Last Updated :
29 Aug, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...