Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input Week ऑब्जेक्ट


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?' बटन पर क्लिक करने से पहले:

HTML DOM Input Week ऑब्जेक्ट

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

HTML DOM Input Week ऑब्जेक्ट


  1. HTML DOM Input Search ऑब्जेक्ट HTML DOM Input Search ऑब्जेक्ट

    HTML DOM Input Search ऑब्जेक्ट type search वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type search वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Input Search ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण

  1. HTML DOM Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

  1. HTML DOM Input Password ऑब्जेक्ट HTML DOM Input Password ऑब्जेक्ट

    HTML DOM Input Password ऑब्जेक्ट टाइप password वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज़ पासवर्ड ऑब्जेक्ट के लिए निम्न प्रॉपर्टीज़ हैं: क्रमांक प्रॉपर्टी और विवर