Skip to content
Related Articles

Related Articles

HTML | DOM Fieldset type Property

View Discussion
Improve Article
Save Article
  • Last Updated : 23 Sep, 2022
View Discussion
Improve Article
Save Article

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>

Output: 

Before Clicking On Button:

  

After Clicking On Button:

  

Supported Browsers: The browser supported by DOM fieldset type Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!