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

परिचय

HTML DOM इनपुट मंथ type प्रॉपर्टी HTML दस्तावेज़ में इनपुट मंथ फील्ड के type एट्रिब्यूट का मान लौटाती है। यह हमेशा "month" लौटाता है।

सिंटैक्स

object.type

उदाहरण

मंथ इनपुट फील्ड के type प्रॉपर्टी को प्राप्त करना:

<!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 इनपुट मंथ type प्रॉपर्टी डेमो</h1>
<p>हाय, क्या आप मेरा type मान जानना चाहते हैं?</p>
<input type="month" class="monthInput" required>
<button type="button" onclick="getType()" class="btn">Type का मान प्राप्त करने के लिए क्लिक करें</button>
<div class="show"></div>
<script>
  function getType() {
    var monthInput = document.querySelector(".monthInput");
    document.querySelector(".show").innerHTML = "type = " + monthInput.type;
  }
</script>
</body>
</html>

आउटपुट

"Type का मान प्राप्त करने के लिए क्लिक करें" बटन पर क्लिक करने पर "type = month" प्रदर्शित होगा।