Rumah hujung hadapan web Tutorial H5 htm5新增的表单元素keygen标签的用法和属性介绍

htm5新增的表单元素keygen标签的用法和属性介绍

Aug 18, 2018 pm 01:30 PM
html5

htm5新增的表单元素keygen标签的用法和属性介绍,本篇文章主要为大家介绍了html5 keygen标签的定义用法及其属性的描述,还有关于html5 keygen标签的优缺点说明

html5 keygen标签的定义和用法:

标签规定用于表单的密钥对生成器字段。

当提交表单时,私钥存储在本地,公钥发送到服务器。

HTML5 标签实例:

带有 keygen 字段的表单:

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

html5 keygen标签的属性:

tuyi.png

html5 keygen标签的优缺点介绍:

首先标签会生成一个公钥和私钥,私钥会存放在用户本地,而公钥则会发送到服务器。那么标签生成的公钥/私钥是用来做什么用的呢?很多朋友在看到公钥/私钥的时候,应该就会想到了非对称加密。没错,标签在这里起到的作用也是一样。

标签所期望的是在收到SPKAC(SignedPublicKeyAndChallenge)排列后,服务器会生成一个客户端证书(Client Certificate),然后返回到浏览器让用户去下载保存到本地。之后,用户在需要验证的时候,使用本地存储的私钥和证书后通过TLS/SSL安全传输协议到服务端做验证。

以下是使用标签的优点:

  1. 一个是可以提高验证时的安全性;

  2. 同时如果是作为客户端证书来使用,可以提高对MITM攻击的防御力度;

  3. keygen标签是跨越浏览器实现的,实现起来非常容易;

  4. 另外就是可以不用考虑操作系统的管理员权限问题。例如操作系统对不同用户设置了不同的浏览器权限,IE或者其他浏览器可以在设置里面禁用key的生成,这种情况下,可以通过keygen标签来生成和使用没有误差的客户端证书。

标签的不足之处也有很多:(比如下面的十种)

  1. 证书(Certificates)在不同的系统里不是容易方便的(但是对于某些系统,这又是一个优势)。

  2. 没有在一个标准的位置存储私钥。

  3. 在html页面看到标签生成的内容总是让人困惑和难以理解。

  4. 标签会让用户从一个列表里选择适当的key,但是大多数用户不知道该如何选择。

  5. 很多用户并不清楚是否该根据提示下载证书(Certificate)。

  6. 标签不提供一个能管理证书让其失效的机制。

  7. 没有标准的key长度或者hash来实现浏览器无关性。

  8. 不支持算法(RSA, DSA, ECC等)。

  9. key的大小选择只能来源于标签生成的表单内容,而不是用户可以选择的。

  10. 签名只能基于MD5,而不能使用其他的加密算法。

浏览器支持

所有主流浏览器都支持 标签,除了 Internet Explorer 和 Safari。

【相关推荐】

html标签legend的具体用法你知道吗?legend标签的属性和使用方法详解

html map标签是什么?html map标签的结构及具体使用方法详解


Atas ialah kandungan terperinci htm5新增的表单元素keygen标签的用法和属性介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1600
276
Apakah elemen selain untuk HTML5? Apakah elemen selain untuk HTML5? Aug 12, 2025 pm 04:37 PM

Theelementshouldbeusedforcontenttanglylyrelatedtothemaincontent, suchassidebars, pullquotes, definisi, iklan, orrelatedlinks; 2.itcanbeplacedinsideoroutsideanarticledependingoncontext; 3.IisaseManticeLementThanceSaccessabilityandscessibilityandscessibilityandscessabilityandscessibilityandscessibilityandscessibilityandscessibilityandscessabilityandscess

Cara membuat laman web HTML5 yang mudah Cara membuat laman web HTML5 yang mudah Aug 12, 2025 am 11:51 AM

Untuk membuat laman web HTML5 yang mudah, anda perlu terlebih dahulu menggunakan jenis dokumen pengisytiharan, dan kemudian membina struktur asas yang mengandungi, dan, yang menetapkan pengekodan aksara, viewport dan tajuk, menambah kandungan yang kelihatan seperti tajuk, perenggan, pautan, gambar dan senarai. Simpan sebagai fail .html dan buka secara langsung dalam penyemak imbas untuk dilihat, tanpa sokongan pelayan. Ini adalah asas halaman HTML5 yang lengkap dan berkesan.

Apakah atribut draggable dalam html5 Apakah atribut draggable dalam html5 Aug 12, 2025 am 09:50 AM

TheDragGableatTributeInhtml5specifiesWheTherAnelementCanBedragged, withValues "true", "false", OranEmptyString (Samaeas "true"). 2.SttingDragGable = "true" enablesdrag-and-dropforanyelement

Bagaimana anda menggunakan atribut autofocus dalam html5? Bagaimana anda menggunakan atribut autofocus dalam html5? Aug 14, 2025 pm 06:47 PM

TheAutofocusattributeautomaticallyfocusesaformelementwhenapageloads.2.Isabooleanattribute, sonovalueisneeded -Justincludeautofocusinthetag.3.onlyoneelementperperpageshoulduseittoavoidunpreditpredite.4.itworkson

Cara membuat kotak semak tersuai dengan HTML5 Cara membuat kotak semak tersuai dengan HTML5 Aug 16, 2025 am 07:05 AM

Untuk membuat kotak semak tersuai, anda mesti menggunakan struktur HTML terlebih dahulu dengan label untuk memastikan kebolehcapaian; 2. Sembunyikan kotak semak lalai melalui CSS tetapi mengekalkan fungsinya; 3. Gunakan elemen pseudo dan kelas pseudo untuk menarik keadaan yang dipilih pada unsur-unsur penanda semula adat; 4. Tambah hover, fokus dan pilih gaya untuk meningkatkan maklum balas interaktif; 5. Simpan input asli yang hadir untuk menyokong navigasi papan kekunci dan pembaca skrin, dan akhirnya mencapai kotak semak tersuai yang indah dan boleh diakses.

Cara Menggunakan Tag NAV untuk Pautan Navigasi di HTML5 Cara Menggunakan Tag NAV untuk Pautan Navigasi di HTML5 Aug 15, 2025 am 05:55 AM

Thetaginhtml5isusedtodefineasectionofmajornavigationLinks, providingsemanticstructureandImprovingAccessabilityandseo; itshouldwrapprimarynavigationelementelementelemenuslesortablesofcontents, noteveryLinkonapage, andcanbeenhanceRabelsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssshconapage, noteverylinkonapage

Apakah senarai definisi dalam html5? Apakah senarai definisi dalam html5? Aug 20, 2025 pm 02:01 PM

AdefinitionlistinHTML5iscreatedusingtheelementtogroupterms()withtheirdefinitions(),allowingmultipletermstoshareadefinitionoratermtohavemultipledefinitions,makingitidealforFAQs,glossaries,metadata,andcontactdetailswhileimprovingaccessibilityandSEOthro

Apakah elemen angka dan bagaimana ia digunakan dengan figcaption dalam html5? Apakah elemen angka dan bagaimana ia digunakan dengan figcaption dalam html5? Aug 20, 2025 pm 02:06 PM

Theelementinhtml5isusedToMarkUpelself-containedContentLikeImages, gambarajah, orcodesnippetsthatcanstandindindendlywithinadocument.itcanbepairedwiththeoptionalelementtoprovideacapapapapapaptionortitle,

See all articles