HTML | DOM Fieldset type Property

Last Updated : 23 Sep, 2022

The DOM Fieldset type Property in HTML DOM is used to set or returning the which type of form element the fieldset is. It is a read-only property and will always return “fieldset”.

Syntax:

fieldsetObject.type

Return Value: It returns a string value, which represents the type of form element the fieldset is.

Below Program that illustrates the use of fieldset Property.
Example: This Example returns the Fieldset type Property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
    DOM fieldset type Property
</title>
    <style>
        h1,
        h2,
        .titl {
            text-align: center;
        }
         
        fieldset {
            width: 50%;
            margin-left: 22%;
        }
         
        h1 {
            color: green;
        }
         
        button {
            margin-left: 35%;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>
    DOM fieldset type Property
</h2>
 
    <form>
 
        <fieldset id="GFG">
            <legend>JAVA:</legend>
            Title:
            <input type="text">
            <br> Link:
            <input type="text">
            <br> User ID:
            <input type="text">
        </fieldset>
 
    </form>
    <br>
 
    <button onclick="Geeks()">
    Submit
</button>
    <p id="sudo"
    style="font-size:25px;
            text-align:center;">
</p>
    <script>
        function Geeks() {
            var g =
                document.getElementById(
                "GFG").type;
             
            document.getElementById(
            "sudo").innerHTML = g;
 
        }
    </script>
</body>
 
</html>