English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El elemento <label> de HTML (etiqueta) representa la descripción de algún elemento en la interfaz de usuario. La etiqueta <label> se utiliza para generar títulos para las entradas del usuario (por ejemplo, etiquetas <button>, <input>, <meter>, <output>, <progress>, <select> o <textarea>). Este etiqueta también se conoce comúnmente como elemento <label>.
Formulario HTML simple con dos campos de entrada y etiquetas relacionadas:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 Uso de la etiqueta <label> (Tutoriales básicos de la web oldtoolbag.com)</title> </head> <body> <h1>Uso de la etiqueta <label>/h1> <form action="demo-form.php"> <label for="company">Compañía: </label> <input type="text" name="company" id="company"><br> <label for="address">Dirección: </label> <input type="text" name="address" id="address"><br> <input type="submit" value="Enviar"> </form> </body> </html>Prueba y mira ‹/›
IEFirefoxOperaChromeSafari
La mayoría de los navegadores actuales admiten la etiqueta <label>.
La etiqueta <label> define una anotación (etiqueta) para el elemento input. Se utiliza para mostrar el título de los controles interactivos en la página web.
El elemento de etiqueta no presenta efectos especiales al usuario. Sin embargo, mejora la accesibilidad para los usuarios de ratón. Si hace clic en el texto dentro del elemento de etiqueta, se activará este controlador. Es decir, cuando el usuario selecciona esta etiqueta, el navegador se transferirá automáticamente el foco al controlador de formulario relacionado con la etiqueta.
El atributo "for" de la etiqueta <label> debe ser idéntico al atributo "id" del elemento relacionado.
Consejo:El atributo "for" puede vincular el label a otro elemento. Configure el valor del atributo "for" con el valor del atributo "id" del elemento relacionado.
"form" atributo es HTML5 nuevo atributo.
New: HTML5 Nuevo atributo.
| Atributo | Valor | Descripción |
|---|---|---|
| for | element_id | Define con qué elemento de formulario se asocia la etiqueta label. |
| formHTML5 | form_id | Define un o varios campos de formulario a los que pertenece el campo label. |
<label> etiqueta admite atributos globales, consulte la tabla de atributos completa Atributos globales HTML.
<label> etiqueta admite todos los Atributos de eventos HTML.