Keygen Tag in HTML

A key-pair generator field within a form is defined using the HTML tag. The element's function is to offer a safe method of user authentication. A private key and a public key are generated upon submission of a form. The public key is transmitted to the server, and the private key is kept locally. In order to authenticate a user in the future, a client certificate is generated using the public key. The digital signature is generated and validated using the tag as well.

The user can select where the generated key will be stored from a variety of key size options using the element. The key is on disk or in a smart card or software. However, only if the user's browser is compatible with cryptographic hardware can it be performed. The following table shows the use and history of the tag.

Placement of tag:	Inline of the form
Content in the tag:	None. It is an empty element.
Start/End Tag:	Start tag: required, End tag: not needed or not available
A version of HTML:	HTML5

Syntax

The following example shows the keygen tag in HTML.

Note: the keygen tag is not supported in html5.
Attributes: The following is a list of the tag's properties:
- name: It contains the element's name.
- autofocus: It shows the element's focus after the page loads.
- disabled: The element is made disabled through this keyword.
- keytype: This describes the kind of algorithm that will be applied to create keys.

Examples

The following examples show the keygen tag in HTML. We can use the keygen tag in the HTML forms and other activities.

Example 1:

The following example shows the keygen tag in HTML. We can use the keygen tag with the name property.

 
<!DOCTYPE html>
<html>
<head>
<title>
HTML keygen tag for the form
</title>
</head>
<body style = "background-color: beige;">
<h1 style = "color: red;">
JavaTpoint website
</h1>
<h2> Keygen Tag in html </h2>
<p> We can use the keygen tag for security and privacy purposes.  </p>
<form>
full name: <input type = "text" name = "fname">
<br><br>
Encryption: <keygen name = "secure_data">
<input type = "submit">
</form>
</body>
</html>   

Output:

The output shows the keygen in HTML for security.

Example 2:

The following example shows the keygen tag in HTML. We can use the keygen tag with the name property.

 
<!DOCTYPE html>
<html>
<head>
<title>
HTML keygen tag for the form
</title>
</head>
<body style = "background-color: beige;">
<h1 style = "color: red;">
JavaTpoint website
</h1>
<h2> Keygen Tag in html </h2>
<p> We can use the keygen tag for security and privacy purposes.  </p>
<form>
full name: <input type = "text" name = "fname">
<br><br>
Encryption: <keygen name = "secure_data">
<br><br>
Email: <input type = "email" name = "email">
<br><br>
Encryption: <keygen name = "secure_data1">
<br><br>
phone: <input type = "text" name = "phone">
<br><br>
Encryption: <keygen name = "secure_data2">
<br><br>
<input type = "submit">
</form>
</body>
</html>   

Output:

The output shows the keygen in HTML for security.

Example 3:

The following example shows the keygen tag in HTML. We can use the keygen tag with the autofocus, id, and form properties.

 
<!DOCTYPE html>
<html>
<head>
<title>
HTML keygen tag for the form
</title>
<style>
h1 {
color: red;
}
h2 {
color: navy;
}
body {
text-align: center;
background-color: beige;
}
</style>
</head>
<body>
<h1> JavaTpoint </h1>
<h2> HTML DOM Keygen tag with autofocus Property </h2>
<br>
<form id = "myjtp">
Username: <input type = "text" name = "uname">
<br><br> Encryption:
<keygen id = "jtp"form = "myjtp" name = "secure1" autofocus>
<input type = "submit">
</form>
<p>
click on the check button to know the keygen tag automatically autofocus after reload
</p>
<button onclick="My_focus()">Check</button>
<p id="test_jtp"></p>
<script>
function My_focus() {
var djtp = document.getElementById("jtp").autofocus;
document.getElementById("test_jtp").innerHTML = djtp;
}
</script>
</form>
</body>
</html>   

Output

The output shows the keygen in HTML for security.