HTML | DOM Input FileUpload autofocus Property
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 that 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() { var x = document.getElementById( "myFile").autofocus; document.getElementById( "demo").innerHTML = x; } </script> </center></body></html> |
Output:
Before Click:
After Click:
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() { var x = document.getElementById( "myFile").autofocus = "true"; document.getElementById( "demo").innerHTML = x; } </script> </center></body></html> |
Output:
Before Click:
After Click:
Supported Browsers:
- Google Chrome 1+
- Mozilla Firefox 1+
- Edge 12+
- Opera 11+
- Safari 1+
Please Login to comment...