HTML | DOM Legend form Property
The DOM Legend form Property is used for returning a reference to the form that contains the <legend> tag. It is read-only Property that returns a form Object on success.
Syntax:
legendObject.form
Return value: A reference to <form> element containing the <legend> element. If <legend> element is not in a form, null is returned.
Example: This Example returns a form Property.
HTML
<!DOCTYPE html> < html > < head > < title >DOM Legend form Property</ title > < style > form { width: 50%; } label { display: inline-block; float: left; clear: left; width: 90px; margin: 5px; text-align: left; } input[type="text"] { width: 250px; margin: 5px 0px; } .gfg { font-size: 40px; color: green; font-weight: bold; } </ style > </ head > < body > < div class = "gfg" >w3wiki</ div > < h2 >DOM Legend Form Property</ h2 > < form id = "myBeginner" > < fieldset > <!-- Assigning legend id --> < legend id = "GFG" >STUDENT::</ legend > < label >Name:</ label > < input type = "text" > < br > < label >Email:</ label > < input type = "text" > < br > < label >Date of birth:</ label > < input type = "text" > < br > < label >Address:</ label > < input type = "text" > < br > < label >Enroll No:</ label > < input type = "text" > </ fieldset > </ form > < br > < button onclick = "myBeginner()" >Submit</ button > < p id = "sudo" style = "font-size:25px;" ></ p > < script > function myBeginner() { // return legend form Pfoperty var g = document.getElementById("GFG").form.id; document.getElementById( "sudo").innerHTML = g; } </ script > </ body > </ html > |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers:
- Google Chrome
- Mozilla Firefox
- Edge
- Opera
- Safari