Foros del Web » Creando para Internet » HTML »

¿Que es <label>?

Estas en el tema de ¿Que es <label>? en el foro de HTML en Foros del Web. Hola, foreros: ¿Que es <label>?, por ejemplo: <p> <label> <input type="text" name="textfield" /> </label> </p> ¿Que pasa si quito esa etiqueta?...
  #1 (permalink)  
Antiguo 01/04/2008, 06:52
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.567
Antigüedad: 17 años, 7 meses
Puntos: 19
¿Que es <label>?

Hola, foreros:

¿Que es <label>?, por ejemplo:

<p>
<label>
<input type="text" name="textfield" />
</label>
</p>

¿Que pasa si quito esa etiqueta?
  #2 (permalink)  
Antiguo 01/04/2008, 07:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Re: ¿Que es <label>?

Hola:

La verdad es que el ejemplo que pones tiene muy poco sentido... por ejemplo si hay un texto en la etiqueta, pinchando sobre ese texto sirve para obtener el foco o chequear el elemento asociado... además, no solo vale "encerrando controles", sino que pueden asociarse por el id.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/04/2008, 10:57
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 8 meses
Puntos: 142
Re: ¿Que es <label>?

Supongo (Y espero) que hayas programado en un programa de ventanas como visual basic, pues el ejemplo es algo referente.

Tu ves que al poner una caja de texto, antes pones un texto "label" que indica que tipo es, que se ve de esta forma:

Nombre: [Caja de texto]

Practicamente el campo simula esto, quedando el código en html de esta forma:

<label>Nombre: </label><input type="text" name="nombre" />

Por supuesto, esto queda practicamente de más, pues puedes hacerlo de forma directa:

Nombre: <input type="text" name="nombre" />

En otras palabras, ponerlo no tiene importancia de verdad, aunque puedes usarlo como alternativa para ponerle estilo, como color, tipo de letra o fondo especial, y esto de forma más sencilla desde un CSS. Espero haya resuelto tu duda.
  #4 (permalink)  
Antiguo 02/04/2008, 00:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Re: ¿Que es <label>?

Cita:
Iniciado por daPhyre Ver Mensaje
...<label>Nombre: </label><input type="text" name="nombre" />...
Aunque se puede usar así, es preferible encerrar al control:

Cita:
Iniciado por daPhyre Ver Mensaje
...<label>Nombre: <input type="text" name="nombre" /></label>...
O asociarlo con su id:

Cita:
Iniciado por daPhyre Ver Mensaje
...<label for="control">Nombre: </label><input id="control" type="text" name="nombre" />...
De esa manera, pinchando sobre el control se consigue el foco en el control (aunque no se pinche directamente sobre el propio control), además, con la última sintaxis el control puede estar en cualquier rincón de la página (incluso no-visible), y como ya comenté, asociado a radios o checkboxes dejan el control chequeado.

Fíjate en el formulario de ejemplo de este artículo: Páginas multilenguaje con javascript

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 02/04/2008, 01:36
Avatar de mgusdl  
Fecha de Ingreso: abril-2007
Ubicación: Malaga, España
Mensajes: 190
Antigüedad: 17 años, 6 meses
Puntos: 5
Re: ¿Que es <label>?

De hecho es recomendable su uso en campos tipo checkbox y radio ya que aumentan la zona efectiva para cambiar su valor, lo que es ideal para torpes y discapacitados.

El uso de la etiqueta <label> es obligatorio para todos los campos de un formulario si queremos que la página pase la verificación de accesibilidad WCAG-WAI
  #6 (permalink)  
Antiguo 02/04/2008, 05:51
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.567
Antigüedad: 17 años, 7 meses
Puntos: 19
Re: ¿Que es <label>?

Hola de nuevo...

Entendido, jeje... muchas gracias por vuestras respuestas...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:47.