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

Input Week autofocus प्रॉपर्टी सेट/लौटाती है कि इनपुट वीक प्रारंभिक पेज लोड पर फोकस होगा या नहीं।

सिंटैक्स

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

बूलियन मान प्राप्त करना - true/false

inputWeekObject.autofocus

autofocus को booleanValue पर सेट करना

inputWeekObject.autofocus = booleanValue

बूलियन मान (Boolean Values)

यहां "booleanValue" निम्नलिखित हो सकते हैं:

booleanValue	विवरण
True	यह परिभाषित करता है कि इनपुट पेज लोड पर ऑटोफोकस होगा।
False	यह डिफ़ॉल्ट मान है और इनपुट ऑटोफोकस नहीं होता।

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Week autofocus</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-autofocus</legend> 
        <label for="WeekSelect">Target Week : <input type="week" id="WeekSelect" value="2019-W24" autofocus> </label> 
        <input type="button" onclick="removeAutofocus()" value="Remove Autofocus"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputWeek = document.getElementById("WeekSelect"); 
    divDisplay.textContent = 'Autofocus: '+inputWeek.autofocus; 
    function removeAutofocus() { 
        inputWeek.autofocus = false; 
        divDisplay.textContent = 'Autofocus: '+inputWeek.autofocus; 
    } 
</script> </body> </html>

आउटपुट

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

'Remove Autofocus' बटन पर क्लिक करने से पहले:

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

'Remove Autofocus' बटन पर क्लिक करने के बाद:

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