HTML DOM इनपुट मंथ value प्रॉपर्टी

परिचय

HTML DOM इनपुट मंथ value प्रॉपर्टी इनपुट मंथ फील्ड के value एट्रिब्यूट का मान प्राप्त करती है और संशोधित करती है।

सिंटैक्स

मान प्राप्त करना

object.value

मान सेट करना

object.value = "YYYY-MM"

उदाहरण

मंथ इनपुट फील्ड के चुने गए मान को प्रदर्शित करना:

<!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 इनपुट मंथ value प्रॉपर्टी डेमो</h1>
<p>हाय, अपनी छुट्टी के लिए कोई महीना चुनें</p>
<input type="month" class="monthInput">
<button type="button" onclick="getValue()" class="btn">मान दिखाने के लिए क्लिक करें</button>
<div class="show"></div>
<script>
  function getValue() {
    var monthInput = document.querySelector(".monthInput");
    document.querySelector(".show").innerHTML = "Value = " + monthInput.value;
  }
</script>
</body>
</html>

आउटपुट

कोई महीना चुनने के बाद "मान दिखाने के लिए क्लिक करें" बटन पर क्लिक करने पर चुना गया मान प्रदर्शित होगा।