HTML DOM Label form Property
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">w3wiki</h1> <h2> HTML DOM Label Form Property</h2> <form id="Beginner"> <!-- 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="myBeginner()">Submit</button> <p id="gfg"></p> <script> function myBeginner() { 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