Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM Fieldset form Property
  • Difficulty Level : Basic
  • Last Updated : 17 Oct, 2019

The Fieldset form property in HTML DOM is used to set or return the reference to the form that containing the <fieldset> element. It is read-only property that returns a form object on success.

Syntax:

fieldsetObject.form 

Below program illustrates the use of DOM Fieldset form property in HTML DOM:

Example: This example returns the Fieldset form Property.




<!DOCTYPE html> 
<html
  
<head
    <title>
        DOM fieldset form 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 form Property</h2
      
    <form id="myGeeks"
        <div class="titl"
            Suggest article for video:
        </div
              
        <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 to use DOM fieldset form Property -->
    <script
        function Geeks() { 
            var g = document.getElementById("GFG").form.id;
            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 Form property are listed below:

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :