HTML5 | fieldset Tag - GeeksforGeeks

The <fieldset> tag in HTML5 is used to make a group of related elements in the form and it creates the box over the elements. The <fieldset> tag is new in HTML5.

Syntax:

<fieldset> Contents... </fieldset>

Attribute:

disabled: It specify that the group of related form elements should be disabled.
form:It specify that one or more forms the fieldset belongs to.
name: It specify the name for the fieldset.

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>fieldset tag</title> 
        <style> 
            h1, h2, .titl{ 
                text-align:center; 
            } 
            fieldset { 
                width:50%; 
                margin-left:22%; 
            } 
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2><fieldset> Tag</h2> 
        <form> 
            <div class="titl">Suggest article for video:</div> 
            <fieldset> 
                <legend>JAVA:</legend> 
                Title: <input type="text"><br> 
                Link: <input type="text"><br> 
                User ID: <input type="text"> 
            </fieldset> 
            <br> 
            <fieldset> 
                <legend>PHP:</legend> 
                Title: <input type="text"><br> 
                Link: <input type="text"><br> 
                User ID: <input type="text"> 
            </fieldset> 
        </form> 
    </body> 
</html>                             

Output:

Supported Browsers: The browser supported by <fieldset> tag are listed below:

Google Chrome
Internet Explorer
Firefox
Safari
Opera

My Personal Notes

Recommended Posts: