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

परिचय

HTML DOM इनपुट मंथ step प्रॉपर्टी HTML दस्तावेज़ में इनपुट मंथ फील्ड के step एट्रिब्यूट का मान प्राप्त करती है और संशोधित करती है। यह महीने के बढ़ने/घटने का अंतराल निर्धारित करता है।

सिंटैक्स

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

object.step

मान सेट करना

object.step = "number"

उदाहरण

मंथ इनपुट फील्ड का step मान सेट करना और प्रदर्शित करना:

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

आउटपुट

"Step = 3" बटन पर क्लिक करके step को 3 पर सेट करें, फिर महीना चुनकर बदलने की कोशिश करें - यह 3 महीने के अंतराल पर बदलेगा।