La propiedad de enfoque automático keygen en HTML DOM se usa para establecer o devolver el valor del atributo de enfoque automático de un elemento <keygen>. El atributo de enfoque automático se usa para definir si el elemento keygen se enfoca automáticamente o no cuando se carga la página o se actualiza.
Sintaxis:
Devuelve la propiedad de enfoque automático .
keygenObject.autofocus
Establece la propiedad de enfoque automático .
keygenObject.autofocus = true|false
Valores de propiedad:
- verdadero|falso: se usa para especificar si un elemento keygen debe recibir el foco cuando la página se carga o se actualiza. Es falso por defecto.
Valores devueltos: Devuelve un valor booleano que representa si el elemento keygen debe estar enfocado o no.
Ejemplo 1: El siguiente ejemplo ilustra cómo devolver la propiedad de enfoque automático.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Keygen autofocus Property</h2>
<br>
<form id="myGeeks">
Username: <input type="text" name="uname">
<br><br> Encryption:
<keygen id = "Geeks"form="myGeeks"
name="secure" autofocus>
<input type="submit">
</form>
<p>
To find out whether the keygen element
automatically gets focus on page load
or ot, click the "Check" button.
</p>
<button onclick="My_focus()">Check</button>
<p id="test"></p>
<script>
function My_focus() {
var d = document.getElementById("Geeks").autofocus;
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: El siguiente ejemplo demuestra cómo configurar la propiedad de enfoque automático.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Keygen autofocus Property</h2>
<br>
<form id="myGeeks">
Username: <input type="text" name="uname">
<br><br> Encryption:
<keygen id="Geeks" form="myGeeks"
name="secure" autofocus>
<input type="submit">
</form>
<p>
To set the autofocus property,
click on "set" Button.
</p>
<button onclick="set_focus()">set</button>
<p id="test"></p>
<script>
function set_focus() {
var d = document.getElementById(
"Geeks").autofocus = "false";
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA