La propiedad del formulario DOM Legend se utiliza para devolver una referencia al formulario que contiene la etiqueta <legend> . Es una propiedad de solo lectura que devuelve un objeto de formulario en caso de éxito.
Sintaxis:
legendObject.form
Valor de retorno: una referencia al elemento <form> que contiene el elemento <legend>. Si el elemento <legend> no está en un formulario, se devuelve nulo.
Ejemplo: Este ejemplo devuelve una propiedad de formulario.
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">GeeksforGeeks</div>
<h2>DOM Legend Form Property</h2>
<form id="myGeeks">
<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="myGeeks()">Submit</button>
<p id="sudo" style="font-size:25px;"></p>
<script>
function myGeeks() {
// Accessing legend tag
var g =
document.getElementById("GFG").form.id;
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA