Définit un paragraphe
Définition et utilisation Balise <keygen>
LES BALISES HTMLLa 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 :
Exemple : Copier 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 :
Exemple : Copier 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 |
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