La propiedad de enfoque automático Input FileUpload en HTML DOM se usa para establecer o devolver si un botón de carga de archivos debe enfocarse automáticamente cuando se carga la página o no . Sintaxis:
- Devuelve la propiedad de enfoque automático:
fileuploadObject.autofocus
- Establezca la propiedad de enfoque automático:
fileuploadObject.autofocus=true|false
Valores de propiedad:
- verdadero: el botón de carga de archivos se enfoca
- false: Es un valor por defecto. El botón de carga de archivos no se enfoca
Valor devuelto:
- Devuelve el valor booleano que representa que el botón de carga está enfocado o no.
Ejemplo-1: Devuelve la propiedad de enfoque automático.
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>
Salida: Antes de hacer clic: 
Después de hacer clic: 
Ejemplo-2: Establecer la propiedad de enfoque automático.
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>
Salida: Antes de hacer clic: 
Después de hacer clic: 
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA