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

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

सिंटैक्स

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

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

inputTimeObject.autofocus

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

inputTimeObject.autofocus = booleanValue

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

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

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Time 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>Time-autofocus</legend> 
        <label for="TimeSelect">Exam Time: <input type="time" id="TimeSelect" value="10:00" autofocus> </label> 
        <input type="button" onclick="removeAutofocus()" value="Remove Autofocus"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    divDisplay.textContent = 'Autofocus: '+inputTime.autofocus; 
    function removeAutofocus() { 
        inputTime.autofocus = false; 
        divDisplay.textContent = 'Autofocus: '+inputTime.autofocus; 
    } 
</script> </body> </html>

आउटपुट

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

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

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

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

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