Ejemplo
Tres botones de radio con las etiquetas:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
Inténtalo tú mismo " Definición y Uso
La <label> etiqueta define una etiqueta para un <input> elemento.
La <label> elemento no rinde como algo especial para el usuario. Sin embargo, proporciona una mejora usabilidad para los usuarios de ratón, ya que si el usuario hace clic en el texto dentro de la <label> elemento, cambia el control.
El for atributo de la <label> etiqueta debe ser igual a la id atributo del elemento relacionado para unirlas.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <label> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Un marcador se puede unir a un elemento, ya sea mediante el uso de la "for" atributo, o colocando el elemento dentro de la <label> elemento.
Diferencias entre HTML 4.01 y HTML5
La "form" atributo es nuevo en HTML5.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| for | element_id | Especifica qué elemento forma una etiqueta está obligado a |
| form | form_id | Especifica una o más formas la etiqueta pertenece a |
Los atributos globales
La <label> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <label> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: objeto de etiqueta
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán la <label> elemento con los siguientes valores predeterminados: