HTML DOM इनपुट वीक ऑब्जेक्ट टाइप वीक के साथ एक इनपुट HTML एलिमेंट का प्रतिनिधित्व करता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
एक <इनपुट> बनाना सप्ताह . प्रकार के साथ
var weekObject = document.createElement(“INPUT”); weekObject.type = “week”;
विशेषताएं
यहां, “सप्ताह ऑब्जेक्ट” निम्नलिखित विशेषताएं हो सकती हैं -
| विशेषताएं | विवरण |
|---|---|
| स्वतः पूर्ण | यह एक सप्ताह फ़ील्ड के स्वत:पूर्ण विशेषता के मान को परिभाषित करता है |
| ऑटोफोकस | यह परिभाषित करता है कि सप्ताह के क्षेत्र को प्रारंभिक पृष्ठ लोड पर केंद्रित किया जाना चाहिए या नहीं। |
| डिफ़ॉल्ट मान | यह सप्ताह फ़ील्ड का डिफ़ॉल्ट मान सेट/रिटर्न करता है |
| अक्षम | यह परिभाषित करता है कि सप्ताह फ़ील्ड अक्षम/सक्षम है या नहीं |
| फ़ॉर्म | यह संलग्न प्रपत्र का संदर्भ देता है जिसमें सप्ताह फ़ील्ड होता है |
| अधिकतम | यह सप्ताह फ़ील्ड की अधिकतम विशेषता का मान लौटाता/सेट करता है |
| मिनट | यह सप्ताह फ़ील्ड की न्यूनतम विशेषता का मान लौटाता/सेट करता है |
| नाम | यह एक सप्ताह फ़ील्ड के नाम विशेषता के मान को परिभाषित करता है |
| केवल पढ़ने के लिए | यह परिभाषित करता है कि सप्ताह फ़ील्ड केवल पढ़ा जाता है या नहीं |
| आवश्यक | यह परिभाषित करता है कि फ़ॉर्म जमा करने के लिए सप्ताह फ़ील्ड भरना अनिवार्य है या नहीं |
| चरण | यह सप्ताह फ़ील्ड के चरण विशेषता के मान को परिभाषित करता है |
| टाइप करें | यह सप्ताह फ़ील्ड के प्रपत्र तत्व का प्रकार देता है |
| मान | यह एक सप्ताह फ़ील्ड के मान विशेषता के मान को परिभाषित करता है |
तरीके
और, निम्न विधियाँ भी -
| booleanValue | विवरण |
|---|---|
| कदम नीचे | यह परिभाषित करता है कि सप्ताह के क्षेत्र में कितने सप्ताह कम होने चाहिए। |
| स्टेपअप | यह निर्धारित करता है कि सप्ताह के क्षेत्र में कितने सप्ताह वृद्धि होनी चाहिए। |
उदाहरण
आइए इनपुट वीक फॉर्म . के लिए एक उदाहरण देखें संपत्ति -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
‘इस सप्ताह कौन सी परीक्षाएं हैं?’ . पर क्लिक करने से पहले बटन -
जाँच करने के बाद ‘इस सप्ताह कौन सी परीक्षाएँ हैं?’ बटन -
