 |
| HTML5 KEYGEN TAG |
Introduction to HTML5 <keygen> Tag
HTML <keygen> tag is a new element in HTML5. Whenever a client connects to the server, the server presents its SSL certificate to the client. This certificate is used by the client to identify the correct server. This tells the client that he is connecting with the correct server.
In most cases, the certificate is presented by the server itself. But in some cases, the server also authenticates whether it is connecting to the right client or not. In this case, the client needs to present a certificate to the server. HTML5 provides you with <keygen> tag for this task.
<keygen> element generates a private/public key pair and creates a certificate request. This certificate request is sent to the certificate authority by the browser. The certificate authority sends the certificate back to the browser. This is used by the certificate server for user authentication.
<keygen> is a form element which is defined within the <form> tag. When the form is submitted, the private key is stored locally and sent to the certificate authority in the public key certificate request.
The certificate request is a combination of public key and challenge, called the Signed Public Key And Challenge (SPKAC) structure here the challenge is an attribute.
Syntax of HTML5 <keygen> Tag
The general syntax of HTML5 <keygen> tag is given below.
<form action = "action-page.html / php" method = "get / post">
// Form elements
<keygen name = "name-of-keygen-element">
// Form elements
</ form>
As you can see in the above syntax, <keygen> is an empty element because It does not have any closing tag.
Attributes of HTML5 <keygen> Tag
With the <keygen> tag, the available attributes have been explained below in detail.
autofocus
- this is a boolean attribute. This attribute tells that when page loads focus should be automatically on the HTML5 <keygen> element.
challenge
- This attribute defines a challenge string which is sent along with the public key. If the value is not defined, by default a blank string is sent. You can define the challenge string by using the value of this attribute.
disabled
- This attribute specifies that the <keygen> element should be disabled.
form
- This attribute is used to define the form which is related to <keygen>. In this attribute, you can pass the id of form as a value.
keytype
- This attribute is defined that which type of key will be generated. This attribute can have rsa, dsa, ec3 values. Its default value is RSA.
Name
- The name of <keygen> element is defined by This attribute.
<keygen> tag also supports all global and event attributes.
Compatible Browser with HTML5 <keygen> Tag
Google Chrome and Internet Explorer have stopped supporting this element. So in order to generate an SSL key in Google Chrome, you have to find another way.
1. Firefox - support
2. Opera - support
3. Safari - support
4. Google Chrome - Doesn't support
5. Internet Explorer - Doesn't support
1. Firefox - support
2. Opera - support
3. Safari - support
4. Google Chrome - Doesn't support
5. Internet Explorer - Doesn't support
Example of HTML5 <keygen> Tag
Example of the keygen element is given below
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title> Keygen Example>
</head>
<head>
<title> Keygen Example>
</head>
<body>
<form action = "login.php" method = "post">
Email: <input type = "email" name = "email"> <br>
Password: <input type = "password" name = "pass"> <br>
<keygen name = "Auth-Key"> <br>
<input type = "submit" value = "submit"> <input type = "reset" value = "reset">
</ form>
</ body>
</ html>
The output of this script will display on the supported browser as below.
 |
| KEYGEN OUTPUT IN SUPPORTED BROWSER |
As soon as the user submits the form in the above example, then the key which is generated by the <keygen> element sent to the certificate authority. The certificate authority sends a certificate. This certificate uses to authenticate the server user.
0 comments:
Post a Comment
Thank you for reading the post.