Con keygen HTML5 seguimos descubriendo las nuevas etiquetas de HTML5.
Esta etiqueta sirve para enviar claves en el autentificado web. Al enviarse el formulario se crean 2 claves, una pública que se envía al servidor y que posteriormente se usará para seguir auntentificándonos en el sistema, y otra privada que se almacena localmente en el navegador.
Esta etiqueta está obsoleta desde 2018.
Su sintaxis es muy sencilla, aquí os pongo su código:
<keygen name="clave">
Como podéis ver, es una etiqueta a la que se le asigna un nombre.
Más info sobre la keygen de HTML5 en este enlace.
En el siguiente ejemplo de keygen HTML5 veremos el valor de la clave pública enviada. Y dependiendo del navegador el tipo de cifrado que se puede elegir. Una vez pulsado el botón de envío, veréis como sale un recuadro calculando la clave.
<form action="formu.php" method="post"> User: <input type="text" name="usuario"> <!-- añadimos el campo de typo keygen --> Pass: <keygen name="clave"> <input type="submit" value="Enviar"> </form>
Os pongo el código PHP para obtener la clave pública enviada por POST.
<?php if ($_POST['clave']) echo "clave pública enviada: " .$_POST['clave']; ?>
En esta url tenéis el listado completo de los nuevos input y etiquetas de HTML5.
En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.