HTML DOM Input Week defaultValue प्रॉपर्टी

Input Week defaultValue प्रॉपर्टी वीक इनपुट से संबंधित डिफ़ॉल्ट मान को सेट/लौटाती है। जब उपयोगकर्ता वीक इनपुट को रीसेट करता है तो value एट्रिब्यूट बदलता है लेकिन डिफ़ॉल्ट मान नहीं बदलता।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputWeekObject.defaultValue

defaultValue को स्ट्रिंग पर सेट करना

inputWeekObject.defaultValue = 'string'

उदाहरण

आइए Input Week defaultValue प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Week defaultValue</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> 
    <fieldset> 
        <legend>Week-defaultValue</legend> 
        <label for="WeekSelect">Target Week: <input type="week" id="WeekSelect" value="2022-W01"> </label> 
        <input type="button" onclick="getDefaultValue()" value="Reset Default Value"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputWeek = document.getElementById("WeekSelect"); 
    divDisplay.textContent = 'Week: '+inputWeek.defaultValue.split("-W")[1]; 
    divDisplay.textContent += ' & Year: '+inputWeek.defaultValue.split("-W")[0]; 
    function getDefaultValue() { 
        var currentValue = inputWeek.value; 
        divDisplay.textContent = 'Value - '+inputWeek.value+' resets to - '+inputWeek.defaultValue; 
        inputWeek.value = inputWeek.defaultValue; 
    } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'Reset Default Value' बटन पर क्लिक करने से पहले:

वीक इनपुट बदलने पर:

'Reset Default Value' पर क्लिक करने के बाद: