HTML DOM Input FileUpload autofocus Property

Last Updated : 16 Jun, 2023

The Input FileUpload autofocus property in HTML DOM is used to set or return whether a file upload button should automatically get focus when the page loads, or not.

Syntax:

Return the autofocus property:

fileuploadObject.autofocus

Set the autofocus property:

fileuploadObject.autofocus=true|false

Property Values:

true: The file upload button get focused
false: It is a default value. The file upload button does not get focused

Return Value:

It returns the boolean value which represents the upload button is focused or not.

Example 1: Return autofocus property.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>Geeks for Geeks</h1>
        <input type="file" id="myFile" autofocus>
        <p id="demo">
        </p>
 
        <button onclick="myFunction()">
            Click
        </button>
        <script>
            function myFunction() {
                let x =
                    document.getElementById(
                        "myFile").autofocus;
 
                document.getElementById(
                    "demo").innerHTML = x;
            }
        </script>
    </center>
</body>
 
</html>

Output:

Example-2: Set autofocus property.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>
            Geeks for Geeks
        </h1>
        <input type="file" id="myFile">
        <p id="demo">
        </p>
        <button onclick="myFunction()">
            Click
        </button>
        <script>
            function myFunction() {
                let x =
                    document.getElementById(
                        "myFile").autofocus =
                    "true";
 
                document.getElementById(
                    "demo").innerHTML = x;
            }
        </script>
    </center>
</body>
 
</html>