La propiedad de enfoque automático de envío de entrada en HTML DOM se usa para establecer o devolver si el campo de envío de entrada debe enfocarse o no cuando se carga la página. Refleja el atributo de enfoque automático HTML.
Sintaxis:
- Devuelve la propiedad de enfoque automático.
submitObject.autofocus
- Se utiliza para establecer la propiedad de enfoque automático.
submitObject.autofocus = "true|false"
Valores de propiedad:
- verdadero: establece el foco del botón de envío.
- false: Es el valor por defecto. Define que el campo del botón de envío no recibe el foco.
Valor devuelto: Devuelve el valor booleano que representa que el campo de envío obtiene enfoque automático o no.
Ejemplo 1: este ejemplo devuelve la propiedad de enfoque automático de envío de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Submit autofocus Property
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML DOM Input Submit autofocus Property
</h2>
<form id="myGeeks" action="#" method="get" target="_self">
<input type = "submit" id = "Geeks"
name="myGeeks" value = "Submit @ geeksforgeeks" autofocus>
</form>
<p>
click on below button to return the Property
</p>
<button onclick = "myGeeks()">
Click Here!
</button>
<p id = "GFG"style="font-size:25px;"></p>
<!-- Script to return submit autofocus Property -->
<script>
function myGeeks() {
var btn = document.getElementById("Geeks").autofocus;
document.getElementById("GFG").innerHTML =btn;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo ilustra cómo establecer la propiedad de enfoque automático de envío de entrada.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Submit autofocus Property
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML DOM Input Submit autofocus Property
</h2>
<form id="myGeeks" action="#" method="get" target="_self">
<input type = "submit" id = "Geeks" name="myGeeks"
value = "Submit @ geeksforgeeks" autofocus>
</form>
<p>
click on below button to set the Property
</p>
<button onclick = "myGeeks()">
Click Here!
</button>
<p id = "GFG"style="font-size:25px;"></p>
<!-- Script to set submit autofocus Property -->
<script>
function myGeeks() {
var btn = document.getElementById("Geeks").autofocus
= false;
document.getElementById("GFG").innerHTML = btn;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM Input Submit autofocus Property se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA