`＜keygen＞` 是 HTML5 中的一个新特性，它主要用于创建密码生成器或密钥生成器

Bol5261

已于 2024-12-20 17:07:03 修改

阅读量1.1k

点赞数

分类专栏： HTML5(HyperText Markup) CSS(Cascading Style Sheets) Javascript(Promise/asyncAwait) 文章标签： java

于 2020-06-26 16:34:59 首次发布

本文链接：https://blog.csdn.net/blog_programb/article/details/106971447

版权

本文介绍HTML5中的keygen元素，该元素用于在表单中创建密钥对，私钥存储本地，公钥发送至服务器，探讨其在安全通信中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<keygen> 是 HTML5 中的一个新特性，它主要用于创建密码生成器或密钥生成器，但请注意，这个元素并非总是可用的，因为它依赖于浏览器支持的Web API（如 Web Cryptography API）。下面是一个简单的<keygen>元素使用示例：

<form>
  <label for="password">Password:</label>
  <input type="text" id="password">
  <!-- 使用 keygen 元素 -->
  <keygen name="keygenExample" challenge="challengeValue">
    <button>Generate Key</button>
  </keygen>

  <!-- 显示密钥信息 -->
  <output for="keygenExample"></output>
</form>

<script>
// 当按钮点击时，如果浏览器支持，会自动填充密钥信息
document.getElementById('generateKeyButton').addEventListener('click', function() {
     
  if (window.crypto.subtle) {
     
    // 这里模拟密钥生成过程
    const publicKey = window.crypto.subtle.generateKey({
     name: "RSA-OAEP", modulusLength: 2048},