HTML para atributo
Definición y uso
Cuando se usa junto con el <label>
elemento, el
for
atributo especifica a qué elemento de formulario está vinculada una etiqueta.
Cuando se usa junto con el <output>
elemento, el
for
atributo especifica la relación entre el resultado del cálculo y los elementos usados en el cálculo.
Se aplica a
El for
atributo se puede utilizar en los siguientes elementos:
Elementos | Atributo |
---|---|
<etiqueta> | por |
<salida> | por |
Ejemplos
Por ejemplo
Tres botones de opción con etiquetas:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio"
id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
Ejemplo de salida
Realice un cálculo y muestre el resultado en un elemento <output>:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Compatibilidad con navegador
El for
atributo tiene el siguiente soporte de navegador para cada elemento:
Element | |||||
---|---|---|---|---|---|
label | Yes | Yes | Yes | Yes | Yes |
output | 10.0 | Not supported | 4.0 | 5.1 | 11.0 |