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

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

सिंटैक्स

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

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

inputURLObject.autofocus

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

inputURLObject.autofocus = booleanValue

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

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

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input URL 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>URL-autofocus</legend> 
        <label for="URLSelect">URL : <input type="url" id="URLSelect" placeholder="https://www.google.com" autofocus> </label> 
        <input type="button" onclick="removeAutofocus()" value="Remove Autofocus"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Autofocus: '+inputURL.autofocus; 
    function removeAutofocus() { 
        inputURL.autofocus = false; 
        divDisplay.textContent = 'Autofocus: '+inputURL.autofocus; 
    } 
</script> </body> </html>

आउटपुट

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

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

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

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

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