El objeto keygen HTML DOM se utiliza para representar el elemento <keygen> . El elemento <keygen> se creará mediante el método HTML DOM document.createElement() y se accederá mediante getElementById() . Es nuevo en HTML5.
Sintaxis:
document.getElementById("ID");
Valores de propiedad
- enfoque automático : se usa para configurar o devolver el elemento keygen para que se enfoque o no cuando se carga la página.
- desafío: se utiliza para establecer o devolver el valor del atributo de desafío de un elemento keygen.
- disabled : se usa para establecer o devolver eso, ya sea que el elemento keygen esté deshabilitado o no.
- form: Devuelve la referencia del formulario que contiene el elemento keygen.
- keytype: se utiliza para establecer o devolver el valor del atributo keytype del elemento keygen.
- name: Se utiliza para establecer o devolver el valor del atributo de nombre de un elemento keygen.
- type: Devuelve el tipo de elemento de formulario que es un campo keygen.
Ejemplo 1: El siguiente ejemplo demuestra el acceso a un elemento <keygen> .
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 Object</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
not, 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:
Creación de un objeto keygen:
document.createElement()
Ejemplo 2:
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 Object</h2>
<br>
<form id="myGeeks">
Username: <input type="text" name="uname">
<br><br> Encryption:
<input type="submit">
</form>
<p>
Click on the below "create" button
to create a Keygen Element.
</p>
<button onclick="create()">Create</button>
<p id="test"></p>
<script>
function create() {
var x = document.createElement("KEYGEN");
x.setAttribute("name", "security");
document.body.appendChild(x);
alert("A kEYGEN element is created");
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Ópera
- Internet Explorer no es compatible
- Firefox
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA