Articles → HTML → Fieldset In HTML

Fieldset In HTML

In this article, we will discuss fieldset in HTML.

Purpose

The purpose of the fieldset is to group related form elements.

Syntax

<fieldset><legend>Login</legend></fieldset>

In the above code, the legend specifies the caption of the fieldset element.

Example

<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <form action="Page1.html" method="post">
            <fieldset>
                <legend>Login</legend>
                User Name: 
                <input type="text" />
                <br />
                Password: 
                <input type="password" />
            </fieldset>
        </form>
    </body>
</html>

Try It

Output

Click to Enlarge

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Posted By -	Karan Gupta

Posted On -	Monday, December 19, 2016

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**