HTML la balise <keygen>

Somaire

Définition et utilisation Balise <keygen>

LES BALISES HTML

La balise <keygen> définit un champ Générateur de paire de clés (une clé privé et une clé publique) utilisé pour le cryptage des données des formulaires.

Lorsque le formulaire est envoyé, la clé privée est stockée localement, et la clé publique est envoyée au serveur.


Différences entre HTML 4.01 et HTML5

L'élément <keygen> est nouveau en HTML5.


Exemple Un formulaire avec un champ de keygen :

 

Sélectionner le code

            

<!DOCTYPE html>
<html>
<head>
<title>balise keygen</title>
<meta charset="UTF-8">
</head>
<body>
 
<form action="" method="get">
  pseudo nom: <input type="text" name="usr_name">
  codage: <keygen name="security">
  <input type="submit">
</form>
 
<p><strong>Note:</strong> La balise keygen n'est pas prise en charge par Internet Explorer.</p>
 
</body>
</html>

Exemple avec JavaScript pour afficher la clé générée :

 

Sélectionner le code

            

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Balise keygen</title>
 
</head>
<body>
<form>
   <keygen id="cle" name="cle"></keygen>
   <input type="submit" value="générer" style="padding:3px 8px;" />
 
   <div id="resultat" style="display:none;">
      <label>Clé générée : </label>
      <div id="valeurCle" style="width:450px; word-break:break-all;"></div>
   </div>
</form>
 
<script type="text/javascript">
//<![CDATA[
function getParameterByName(name){
   name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
   var regexS = "[\?&]" + name + "=([^&#]*)";
   var regex =new RegExp(regexS);
   var results = regex.exec(window.location.search);
   if(results == null)
   return "";
   else
   return decodeURIComponent(results[1].replace(/\+/g, " "));
}
 
document.getElementById("valeurCle").innerHTML = getParameterByName("cle");
if(document.getElementById("valeurCle").innerHTML != ""){
   document.getElementById("resultat").style.display = "block";
}
//]]>
</script>
 </body>
</html>


Prise en charge des navigateurs

La balise <keygen> est prise en charge dans Firefox, Opera, Chrome et Safari 6.


Les attributs de la balise <keygen>

Nouveau : Nouveau en HTML5.

Attribut

Value

Description

autofocus Nouveau

autofocus

Spécifies qu’un élément <keygen> doit avoir automatiquement le focus quant la page est chargée

disabled Nouveau

disabled

spécifie qu'un élément  <keygen> doit être désactivé. Syntaxe : <keygen disabled>

form Nouveau

form_id

Specifies one or more forms the <keygen> element belongs to

keytype Nouveau

rsa
dsa
ec

Spécifies l‘algorithme de sécurité pour la clé

name Nouveau

name

Définis un nom pour l’élément <keygen>

 

Attributs globaux

La balise <keygen> prend également en charge les Attributs globaux en HTML.


Attributs de l'événement

La balise <keygen> prend également en charge les Attributs de l'événement en HTML.

 


Retour à l'accueil du site

Par carabde 10 mars 2014