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 >
|
Output:
Supported Browsers:
- Google Chrome 1+
- Mozilla Firefox 1+
- Edge 12+
- Opera 11+
- Safari 1+
Share your thoughts in the comments
Please Login to comment...