Skip to content
Related Articles

Related Articles

Improve Article

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

  • Last Updated : 16 Apr, 2021

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.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :