Open In App

HTML DOM Label form Property

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML DOM Label form Property is used for returning the reference to the form containing the Label Element. It is read-only Property that returns a form object on success. 

Syntax:

labelObject.form

Return Value: It returns a reference that contains the label and null if the label is not in the form returns a form. 

Example: In this example, we will see the use of DOM Label form Property

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
          DOM Label Form Property
      </title>
    <style>
        body {
            font-size: 20px;
        }
    </style>
</head>
 
<body style="text-align:center">
    <h1 style="color:green">GeeksforGeeks</h1>
    <h2> HTML DOM Label Form Property</h2>
    <form id="geeks">
 
        <!-- Starts label tag from here -->
        <label id="sudo" for="student">
            Student
        </label>
        <input type="radio" name="Occupation"
               id="student" value="student">
        <br>
        <label for="business">
            Business
        </label>
        <input type="radio" name="Occupation"
               id="business" value="business">
        <br>
        <label for="other">
            Other
        </label>
        <!-- Ends label tags here -->
       
        <input type="radio" name="Occupation"
               id="other" value="other">
    </form>
    <br>
    <button onclick="myGeeks()">Submit</button>
    <p id="gfg"></p>
    <script>
        function myGeeks() {
            let g = document.getElementById("sudo").form.id;
            document.getElementById("gfg").innerHTML = g;
        }
    </script>
</body>
 
</html>


Output:  

 

Supported Browsers: The browsers supported by DOM Label form Property are listed below:

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


Last Updated : 16 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads