HTML DOM इनपुट माह ऑब्जेक्ट <इनपुट> तत्व को टाइप ="माह" के साथ दर्शाता है।
आइए हम इनपुट माह वस्तु बनाते हैं -
सिंटैक्स
निम्नलिखित वाक्य रचना है -
var monthInput = document.createElement(“INPUT”); monthInput.setAttribute(“type”,”month”);
गुण
HTML DOM इनपुट माह ऑब्जेक्ट के गुण निम्नलिखित हैं -
| संपत्ति | स्पष्टीकरण |
|---|---|
| स्वतः पूर्ण | यह लौटाता है और महीने के इनपुट फ़ील्ड की स्वत:पूर्ण विशेषता का मान बदल देता है। |
| ऑटोफोकस | यह लौटाता है और संशोधित करता है कि पेज लोड होने पर इनपुट माह फ़ील्ड को फ़ोकस करना चाहिए या नहीं। |
| अक्षम | यह लौटाता है और संशोधित करता है कि इनपुट माह फ़ील्ड अक्षम है या नहीं। |
| डिफ़ॉल्ट मान | यह इनपुट माह फ़ील्ड के डिफ़ॉल्ट मान को लौटाता है और बदल देता है। |
| फ़ॉर्म | यह उस प्रपत्र का संदर्भ देता है जिसमें HTML दस्तावेज़ में इनपुट माह फ़ील्ड होता है। |
| सूची | यह उस डेटालिस्ट का संदर्भ देता है जिसमें इनपुट माह फ़ील्ड होता है। |
| अधिकतम | यह इनपुट माह फ़ील्ड की अधिकतम विशेषता के मान को लौटाता है और संशोधित करता है। |
| मिनट | यह इनपुट माह फ़ील्ड की न्यूनतम विशेषता के मान को लौटाता है और संशोधित करता है। |
| नाम | यह इनपुट माह फ़ील्ड के नाम विशेषता के मान को लौटाता है और बदल देता है। |
| केवल पढ़ने के लिए | यह लौटाता है और संशोधित करता है कि इनपुट माह फ़ील्ड केवल पढ़ने के लिए है या नहीं। |
| आवश्यक | यह लौटाता है और संशोधित करता है कि क्या फ़ॉर्म जमा करने से पहले माह फ़ील्ड भरना आवश्यक है। |
| चरण | यह इनपुट माह फ़ील्ड की सेट विशेषता के मान को लौटाता है और बदल देता है। |
| टाइप करें | यह महीने इनपुट फ़ील्ड के प्रकार विशेषता का मान देता है। |
| मान | यह महीने इनपुट फ़ील्ड के मान विशेषता की सामग्री को लौटाता है और संशोधित करता है। |
तरीके
HTML DOM इनपुट माह ऑब्जेक्ट की विधियाँ निम्नलिखित हैं
| विधि | स्पष्टीकरण |
|---|---|
| स्टेपअप() | यह इनपुट माह फ़ील्ड के मान को उसके पैरामीटर में निर्दिष्ट मान से बढ़ाता है। |
| स्टेपडाउन() | यह इनपुट माह फ़ील्ड के मान को उसके पैरामीटर में निर्दिष्ट मान से घटाता है। |
उदाहरण
आइए हम HTML DOM इनपुट माह ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM Input month Object Example</h1>
<button onclick="createMonthField()" class="btn">Create an input month field</button>
<script>
function createMonthField() {
var monthInput = document.createElement("INPUT");
monthInput.setAttribute("type", "month");
monthInput.setAttribute("value", "2019-07");
document.body.appendChild(monthInput);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"एक इनपुट माह फ़ील्ड बनाएं . पर क्लिक करें इनपुट माह फ़ील्ड जेनरेट करने के लिए बटन -
