Home Web Front-end H5 Tutorial Introduction to the usage and attributes of the keygen tag, a new form element in htm5

Introduction to the usage and attributes of the keygen tag, a new form element in htm5

Aug 18, 2018 pm 01:30 PM
html5

Introducing the usage and attributes of the new form element keygen tag in htm5. This article mainly introduces the definition, usage and description of the attributes of the html5 keygen tag, as well as the advantages and disadvantages of the html5 keygen tag

html5 The definition and usage of the keygen tag:

The tag specifies the key pair generator field used for the form.

When the form is submitted, the private key is stored locally and the public key is sent to the server.

HTML5 Tag instance:

Form with keygen field:

<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>

html5 Attributes of keygen tag:

Introduction to the usage and attributes of the keygen tag, a new form element in htm5

html5 Introduction to the advantages and disadvantages of the keygen tag:

First of all, the tag will generate a public key and private key. The private key will be stored locally, and the public key will be sent to the server. So what are the public/private keys generated by the tag used for? When many friends see the public key/private key, they will probably think of asymmetric encryption. Yes, the tag plays the same role here. The

tag expects that after receiving the SPKAC (SignedPublicKeyAndChallenge) arrangement, the server will generate a client certificate (Client Certificate), and then return to the browser for the user to download and save it locally. After that, when the user needs verification, he uses the locally stored private key and certificate to go to the server for verification through the TLS/SSL secure transmission protocol.

The following are the advantages of using the tag:

  1. ##One is that it can improve the security during verification;

  2. At the same time, if it is used as a client certificate, it can improve the defense against MITM attacks;

  3. The keygen tag is implemented across browsers and is very easy to implement. Easy;

  4. In addition, you don’t need to consider the administrator rights of the operating system. For example, the operating system sets different browser permissions for different users. IE or other browsers can disable key generation in the settings. In this case, you can use the keygen tag to generate and use error-free client certificates.

There are many shortcomings of tags: (such as the following ten)

  1. Certificate (Certificates) is not easy and convenient in different systems (but for some systems, this is another advantage).

  2. There is no standard location for storing private keys.

  3. It is always confusing and difficult to understand when seeing the content generated by the tag on an HTML page. The

  4. tag allows the user to select the appropriate key from a list, but most users don't know how to choose.

  5. Many users don’t know whether they should follow the prompts to download the certificate (Certificate).

  6. The tag does not provide a mechanism for managing certificate expiration.

  7. There is no standard key length or hash to achieve browser independence.

  8. Algorithms (RSA, DSA, ECC, etc.) are not supported.

  9. The key size selection can only come from the form content generated by the tag, and is not something the user can choose.

  10. The signature can only be based on MD5 and cannot use other encryption algorithms.

Browser support

All major browsers support the tag, except Internet Explorer and Safari.

【Related recommendations】

Do you know the specific usage of the html tag legend? Detailed explanation of the attributes and usage of the legend tag

html What is the map tag? Detailed explanation of the structure and specific usage of the html map tag


The above is the detailed content of Introduction to the usage and attributes of the keygen tag, a new form element in htm5. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

PHP Tutorial
1582
276
What is the aside element for in HTML5? What is the aside element for in HTML5? Aug 12, 2025 pm 04:37 PM

Theelementshouldbeusedforcontenttangentiallyrelatedtothemaincontent,suchassidebars,pullquotes,definitions,advertisements,orrelatedlinks;2.Itcanbeplacedinsideoroutsideanarticledependingoncontext;3.ItisasemanticelementthatenhancesaccessibilityandSEObyp

How to create a color picker in an HTML5 form? How to create a color picker in an HTML5 form? Aug 08, 2025 am 03:48 AM

Use type="color" to create an HTML5 color selector, 1. Use add color input; 2. You can set the default color value through the value attribute (must be in a 7-character hexadecimal format such as #ffffff); 3. All modern browsers support it, and older browsers will fall back to text input; 4. You can preview color changes in real time with JavaScript; 5. Label tags should be added to improve accessibility, and JavaScript library can be used to provide downgrade support when necessary. This method is simple, effective and widely supported.

What is the readonly attribute in HTML5? What is the readonly attribute in HTML5? Aug 08, 2025 am 11:55 AM

ThereadonlyattributeinHTML5makesforminputsnon-editablewhilestillallowingsubmissionanduserinteraction;1.Itappliestoandelements;2.Itisabooleanattribute,soonly"readonly"needstobepresent;3.Unlike"disabled",itallowsfocusandthedataisinc

How to create a simple HTML5 webpage How to create a simple HTML5 webpage Aug 12, 2025 am 11:51 AM

To create a simple HTML5 web page, you need to first use the declaration document type, and then build a basic structure containing, and, which sets the character encoding, viewport and title, add visible content such as title, paragraph, link, pictures and lists. Save it as a .html file and open it directly in the browser for viewing, without server support. This is the basis of a complete and effective HTML5 page.

What is the draggable attribute in HTML5 What is the draggable attribute in HTML5 Aug 12, 2025 am 09:50 AM

ThedraggableattributeinHTML5specifieswhetheranelementcanbedragged,withvalues"true","false",oranemptystring(sameas"true").2.Settingdraggable="true"enablesdrag-and-dropforanyelement,butJavaScripteventlistenerslik

How to create a custom checkbox with HTML5 How to create a custom checkbox with HTML5 Aug 16, 2025 am 07:05 AM

To create a custom checkbox, you must first use an HTML structure with label to ensure accessibility; 2. Hide the default checkbox through CSS but retain its functionality; 3. Use pseudo-elements and pseudo-classes to draw the selected state on the custom .checkmark elements; 4. Add hover, focus and select styles to enhance interactive feedback; 5. Keep native inputs present to support keyboard navigation and screen readers, and ultimately achieve beautiful and accessible custom checkboxes.

How do you use SVG in HTML5? How do you use SVG in HTML5? Aug 11, 2025 pm 01:30 PM

UseinlineSVGforfullcontroloverstylingandinteractivitywithCSSandJavaScript,idealforsmalliconsordynamicgraphics.2.UsethetagtoembedexternalSVGfileswhentheimageisstaticandinteractivityisnotneeded,ensuringbetterHTMLcleanlinessandcacheability.3.ApplySVGsas

How to use the nav tag for navigation links in HTML5 How to use the nav tag for navigation links in HTML5 Aug 15, 2025 am 05:55 AM

ThetaginHTML5isusedtodefineasectionofmajornavigationlinks,providingsemanticstructureandimprovingaccessibilityandSEO;itshouldwrapprimarynavigationelementslikemenusortablesofcontents,noteverylinkonapage,andcanbeenhancedwithARIAlabelssuchasaria-label=&q

See all articles