HTML DOM Label form Property

Last Updated : 16 Jun, 2023

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>