Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | DOM Input Radio form Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The DOM Input Radio form Property in HTML is used for returning the reference of the form containing the Radio Button. It is a read-only Property that returns a form object on success.

Syntax:  

radioObject.form 

Return Values: It returns a string value which specify the reference of the form containing the Input radio field

Example: Below program illustrates the Input Radio form property.  

HTML




<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
        }
         
        h1 {
            color: green;
        }
    </style>
</head>
<body>
    <h1>
      GeeksforGeeks
    </h1>
    <h2>
      HTML DOM Input Radio form Property
    </h2>
    <form id="myGeeks">
        Radio Button:
        <input type="radio"
               checked=true
               id="radioID"
               value="Geeks_radio"
               name="Geek_radio">
        <br>
        <br>
    </form>
    <button onclick="GFG()">
        Click!
    </button>
    <p id="GFG"
       style="font-size:25px;
              color:green;">
    </p>
 
    <script>
        function GFG() {
 
            // Returning Input Radio form Property
            var x =
                document.getElementById(
                  "radioID").form.id;
           
            document.getElementById(
              "GFG").innerHTML = x;
        }
    </script>
</body>
</html>

Output: 

Before Clicking On Button: 

After Clicking On Button: 

Supported Browsers: The browser supported by DOM input Radio form Property are listed below:  

  • Google Chrome
  • Edge 12+
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Last Updated : 26 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials