HTML DOM Input Week ऑब्जेक्ट टाइप वीक वाले इनपुट HTML एलिमेंट को दर्शाता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है:
Week टाइप के साथ <input> बनाना:
var weekObject = document.createElement("INPUT"); weekObject.type = "week";
एट्रिब्यूट्स
यहां "weekObject" के निम्नलिखित एट्रिब्यूट्स हो सकते हैं:
| एट्रिब्यूट्स | विवरण |
|---|---|
| autocomplete | वीक फील्ड के ऑटोकंप्लीट एट्रिब्यूट का मान परिभाषित करता है |
| autofocus | परिभाषित करता है कि प्रारंभिक पेज लोड पर वीक फील्ड फोकस होना चाहिए या नहीं |
| defaultValue | वीक फील्ड के डिफ़ॉल्ट मान को सेट/लौटाता है |
| disabled | परिभाषित करता है कि वीक फील्ड डिसेबल्ड/इनेबल्ड है |
| form | वीक फील्ड को समाहित करने वाले फॉर्म का रेफरेंस लौटाता है |
| max | वीक फील्ड के max एट्रिब्यूट के मान को प्राप्त/सेट करता है |
| min | वीक फील्ड के min एट्रिब्यूट के मान को प्राप्त/सेट करता है |
| name | वीक फील्ड के name एट्रिब्यूट का मान परिभाषित करता है |
| readOnly | परिभाषित करता है कि वीक फील्ड रीड-ओनली है या नहीं |
| required | परिभाषित करता है कि फॉर्म सबमिट करने के लिए वीक फील्ड भरना अनिवार्य है या नहीं |
| step | वीक फील्ड के step एट्रिब्यूट का मान परिभाषित करता है |
| type | वीक फील्ड के फॉर्म एलिमेंट के प्रकार को लौटाता है |
| value | वीक फील्ड के value एट्रिब्यूट का मान परिभाषित करता है |
मेथड्स
और, निम्नलिखित मेथड्स भी:
| मेथड | विवरण |
|---|---|
| stepDown | परिभाषित करता है कि वीक फील्ड को कितने सप्ताह घटाना चाहिए |
| stepUp | परिभाषित करता है कि वीक फील्ड को कितने सप्ताह बढ़ाना चाहिए |
उदाहरण
आइए Input Week form प्रॉपर्टी का एक उदाहरण देखें:
<!DOCTYPE html> <html> <head> <title>Input Week form</title> <style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style> </head> <body>
<form id="Mid-Term">
<fieldset>
<legend>Week-form</legend>
<label for="WeekSelect">Examination Week: <input type="week" id="WeekSelect" value="2019-W36"> </label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form><script>
var divDisplay = document.getElementById("divDisplay");
var inputWeek = document.getElementById("WeekSelect");
function showExamination() {
divDisplay.textContent = 'Examinations: '+inputWeek.form.id;
}
</script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
'What exams are in this week?' बटन पर क्लिक करने से पहले:

'What exams are in this week?' बटन चेक करने के बाद:
