HTML para atributo


Definición y uso

Cuando se usa junto con el <label>elemento, el foratributo especifica a qué elemento de formulario está vinculada una etiqueta.

Cuando se usa junto con el <output>elemento, el foratributo especifica la relación entre el resultado del cálculo y los elementos usados ​​en el cálculo.


Se aplica a

El foratributo 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 foratributo 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