HTML 中的 <keygen> 标签是什么?

htmlweb developmentfront end technology更新于 2024/7/25 6:36:17

在 HTML 中,<keygen> 标签是负责生成一对公钥和私钥的元素之一。

  • 每当提交 HTML 表单时,公钥和私钥用于加密和解密发送到服务器的数据。

  • 私钥存储在用户的本地设备上,而公钥则与提交的宿舍数据一起发送到服务器。

  • <keygen> 标签也用于创建和验证数字签名。

  • <keygen>标签用于生成密钥,并允许用户从一系列密钥大小选项中进行选择。

语法

以下是 HTML 中 <keygen> 标签的用法 -

<keygen name = "name">

示例

以下是 HTML 中 <keygen> 标签的示例。

<!DOCTYPE html>
<html>
<head>
   <title>Keygen tag</title>
</head>
<body>
   <h1 style="color:blue;"> TutorialsPoint </h1>
   <form action="/form/submit" method="get">
      <keygen name="rsaPublicKey" keytype="RSA"> User’s name: <input type="text" name="usr_name">
      <br>
      <br> E-mail <input type="text" name="email">
      <br>
      <br>
      <input type="submit">
   </form>
</body>
</html>

现在,让我们看看 HTML 中 <keygen> 标签使用的属性。 <keygen> 标签支持以下附加属性 -

序列号

属性和说明

autofocus

Autofocus

Autofocus 指定在页面加载时,<keygen> 元素自动获取焦点。

challenge

Challenge

指定要与 PublicKeyAndChallenge 中的公钥一起打包的质询字符串,用于验证表单提交。如果未提供质询字符串,则将其编码为长度为零的 IA5STRING。

disabled

disabled

disabled 指定应禁用 <keygen> 元素

form

form_id

指定一个或多个表单

keytype

Rsadsaec

指定用于密钥。

示例

以下是 HTML 中 <keygenl> 标签的另一个示例。

<!DOCTYPE html>
<html>
<head>
   <title>Keygen tag</title>
</head>
<body>
   <h1 style="color:blue;"> TutorialsPoint </h1>
   <form action="/form/submit" method="get">
      <keygen name="rsaPublicKey" key <!DOCTYPE html>
      <style>
         body {
            text-align: center;
            background-color: gray;
            font-size: 25px;
         }
         button {
            background-color: yellow;
            border: none;
            color: black;
            padding: 5px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
         }
      </style>
      <h1 style="color:blue">TutorialsPoint</h1>
      <form id="form1"> Name: <input type="text" name="user_name">
         <button>Submit</button>
      </form>
      <p> The keygen tag is a part of the form, but it was created outside the form element. </p> Encrypted: <keygen name="security" form="form1">
      <br>
      <br> E-mail <input type="text" name="email">
      <br>
      <br>
      <input type="submit">
   </form>
</body>
</html>

相关文章


有用资源