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