Open In App

How to specify one or more forms the keygen element belongs to ?

Improve
Improve
Like Article
Like
Save
Share
Report

The task is to specify one or more forms the keygen element belongs to. You can easily do this by using the form attribute which is an attribute of keygen element. form element is used to create an HTML form for user input. keygen element is used to specify a key-pair generator field in a form and used to provide a secure way to authenticate users. It is not supported in Internet Explorer. form attribute is used to specify one or more forms the <keygen> element belongs to.

Approach:

  • Create the HTML page with a form element with a specific id name.
  • Create a keygen element with the form_id.

Example:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Form Attribute
    </title>
    <style>
        body {
            text-align: center;
            background-color: lightgreen;
            font-size: 25px;
        }
          
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 5px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    </style>
</head>
  
<body>
    <h1 style="color:green">GeeksForGeeks</h1>
  
    <form id="form1">
        Name: <input type="text" name="usr_name">
        <button>Submit</button>
    </form>
  
    <p>
       The keygen field below is outside the form element,
       but still part of the form.
   </p>
  
    Encryption: <keygen name="security" form="form1">
  
  
</body>
</html>


Output: The keygen element is a part of the form, but it was created outside the form element.



Last Updated : 16 Apr, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads