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

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

सिंटैक्स

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

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

inputFileUploadObject.autofocus

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

inputFileUploadObject.autofocus = booleanValue

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

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

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input FileUpload 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>FileUpload-autofocus</legend> 
        <label for="FileSelect">Upload: <input type="file" id="FileSelect" autofocus> </label><br> 
        <input type="button" onclick="removeAutofocus()" value="Remove Autofocus"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputFile = document.getElementById("FileSelect"); 
    divDisplay.textContent = 'Auto Focus:'+inputFile.autofocus; 
    function removeAutofocus() { 
        inputFile.autofocus = false; 
        divDisplay.textContent = 'Auto Focus:'+inputFile.autofocus; 
    } 
</script> </body> </html>

आउटपुट

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

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

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

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

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