
- HTML Tutorial
- HTML - Home
- HTML - Overview
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Comments
- HTML - Images
- HTML - Tables
- HTML - Lists
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Frames
- HTML - Iframes
- HTML - Blocks
- HTML - Backgrounds
- HTML - Colors
- HTML - Fonts
- HTML - Forms
- HTML - Embed Multimedia
- HTML - Marquees
- HTML - Header
- HTML - Style Sheet
- HTML - Javascript
- HTML - Layouts
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- HTML - Fonts Ref
- HTML - Events Ref
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
HTML DOM Input Month value Property
The HTML DOM input month value property returns and modify the value of the value attribute of an input month field.
Syntax
Following is the syntax −
Returning value
object.value
2. Modifying value
object.value = true | false
Example
Let us see an example of HTML DOM input month value property−
<!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-align:center; color:#fff; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100%; } p{ font-weight:700; font-size:1.1rem; } input{ display:block; width:35%; border:2px solid #fff; background-color:transparent; color:#fff; font-weight:bold; padding:8px; margin:1rem auto; } .btn{ background:#0197F6; border:none; height:2rem; border-radius:2px; width:35%; margin:2rem auto; display:block; color:#fff; outline:none; cursor:pointer; } .show{ font-size:1.5rem; color:#db133a; font-weight:bold; } </style> </head> <body> <h1>DOM Input month value property Demo</h1> <p>Hi, Select any month for your holiday</p> <input type="month" class="monthInput"> <button type="button" onclick="getValue()" class="btn">Click me to show value</button> <div class="show"></div> <script> function getValue() { var monthInput = document.querySelector(".monthInput"); document.querySelector(".show").innerHTML = ""+ "Value = " + monthInput.value + "";
} </script> </body> </html>
Output
This will produce the following output −
Select any month and then click on “Click me to show value” button to display selected value.
- Related Articles
- HTML DOM Input Month defaultValue Property
- HTML DOM Input Month disabled Property
- HTML DOM Input Month name Property
- HTML DOM Input Month max Property
- HTML DOM Input Month min Property
- HTML DOM Input Month readOnly Property
- HTML DOM Input Month required Property
- HTML DOM Input Month step Property
- HTML DOM Input Month type Property
- HTML DOM Input Month autofocus Property
- HTML DOM Input Month form Property
- HTML DOM Input Time value Property
- HTML DOM Input URL value Property
- HTML DOM Input Week value Property
- HTML DOM Input Number value Property

Advertisements