HTML | <legend> form Attribute

The HTML <legend> form Attribute is used to specify the one or more forms that the legend element belongs to.

Syntax:

<legend form="form_id">

Attribute Values:

form_id: It Contains the value i.e form_id which specify the one or more than the button element belongs to. The value of this attribute should be id of the
element.

Examples:

<!DOCTYPE html> 

<html> 

<head> 

    <title> 

        HTML legend form Attribute 

    </title> 

    <style> 

        form { 

            width: 50%; 

        } 

        label { 

            display: inline-block; 

            float: left; 

            clear: left; 

            width: 90px; 

            margin: 5px; 

            text-align: left; 

        } 

        input[type="text"] { 

            width: 250px; 

            margin: 5px 0px; 

        } 

        .gfg { 

            font-size: 40px; 

            color: green; 

            font-weight: bold; 

        } 

    </style> 

</head> 

<body> 

    <h1 class="gfg">  

        GeeksforGeeks  

    </h1> 

    <h2>HTML legend form Attribute </h2> 

    <form> 

        <fieldset> 

            <legend align="right" 

                    form="myGeeks"> 

              STUDENT: 

          </legend> 

            <label>Name:</label> 

            <input type="text"> 

            <br> 

            <label>Email:</label> 

            <input type="text"> 

            <br> 

            <label>Date of birth:</label> 

            <input type="text"> 

            <br> 

            <label>Address:</label> 

            <input type="text"> 

            <br> 

            <label>Enroll No:</label> 

            <input type="text"> 

        </fieldset> 

    </form> 

</body> 

</html>

Output:

Supported Browsers: The browsers supported by HTML <legend> form Attribute are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

Article Tags :

HTML

Web Technologies

HTML-Attributes