Open In App

HTML | DOM Input Radio form Property

Last Updated : 26 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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


Next Article
Article Tags :

Similar Reads