El HTML | for Attribute se usa tanto en el elemento <label> como en el elemento <output> .
Para atributo en elemento de etiqueta: cuando está presente en el elemento de etiqueta, se utiliza para especificar el tipo de elemento de formulario al que está vinculada una etiqueta.
Etiquetas compatibles:
- <etiqueta>
- <salida>
Sintaxis:
<label for="element_id">
Valores de atributo: contiene el valor, es decir, element_id, que especifica la identificación del elemento al que está vinculado el soporte.
Ejemplo-1: Este ejemplo ilustra el uso del atributo for en el elemento de etiqueta.
html
<!-- HTML code to illustrates label tag -->
<!DOCTYPE html>
<html>
<head>
<title>
HTML | for Attribute
</title>
<style>
body {
font-size: 20px;
}
</style>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML | for Attribute</h2>
<form>
<!-- Starts label tag from here -->
<label 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>
</body>
</html>
Producción:
Para atributo en elemento de salida: cuando está presente en el elemento de salida, especifica la relación entre el resultado y el cálculo.
Sintaxis:
<output for="element_id">
Ejemplo-2: Este ejemplo ilustra el uso del atributo For en el elemento de salida.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML | For Attribute
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML | For Attribute</h2>
<form oninput="sumresult.value = parseInt(A.value)
+ parseInt(B.value) + parseInt(C.value)">
<input type="number"
name="A"
value="50" /> +
<input type="range"
name="B"
value="0" /> +
<input type="number"
name="C"
value="50" />
<br /> Submit Result:
<output name="sumresult"
for="A B C">
</output>
<br>
<input type="submit">
</form>
</body>
</html>
Producción:
Navegadores compatibles: A continuación se enumeran los navegadores compatibles con HTML For Attribute in <label> :
- Google Chrome
- Edge versión 12 y superior
- explorador de Internet
- Firefox
- Ópera
- Safari
Navegadores compatibles: los navegadores compatibles con HTML para atributos en la etiqueta <salida> se enumeran a continuación:
- Google Chrome versión 10 y superior
- Edge 18 y superior
- Internet Explorer no es compatible
- Firefox versión 4 y superior
- Ópera 11 y superior
- Safari 7 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA