Foros del Web » Creando para Internet » HTML »

funcionamiento de label for="" y accesskey

Estas en el tema de funcionamiento de label for="" y accesskey en el foro de HTML en Foros del Web. 2 dudas: alguien sabe como funcionan las etiquetas <label for=""> y <accesskey>? si alguien puede poner ejemplos muchisimo mejor...
  #1 (permalink)  
Antiguo 11/01/2005, 11:20
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 21 años, 4 meses
Puntos: 0
funcionamiento de label for="" y accesskey

2 dudas:

alguien sabe como funcionan las etiquetas <label for=""> y <accesskey>?

si alguien puede poner ejemplos muchisimo mejor
  #2 (permalink)  
Antiguo 11/01/2005, 11:43
Avatar de Mickel  
Fecha de Ingreso: mayo-2002
Ubicación: Lima, Peru
Mensajes: 4.619
Antigüedad: 22 años, 6 meses
Puntos: 7
Label For(HTML 4) asocia un texto a un campo en un formulario, generando un par campo-texto. Una vez realizado esto, se pueden aplicar funciones JS al par.

Por ejemplo:
<TR>
<TD><LABEL for="IdUsuario">Usuario</LABEL>
<TD><INPUT type="text" name="IdUsuario" id="IdUsuario">
<TR>

Nota que la vinculacion entre LABEL y el INPUT es a traves de la Id de este ultimo

La accesskey asocia una letra a un LABEL. Como el LABEL esta asociado a un INPUT, el focus se posiciona sobre el INPUT correspondiente.

Nuevamente al ejemplo
<TR>
<TD><LABEL for="IdUsuario" accesskey="U">Usuario</LABEL>
<TD><INPUT type="text" name="IdUsuario" id="IdUsuario">
<TR>

Haria que al presionar la tecla de acceso U el focus se ponga en el campo de texto IdUsuario. La tecla de acceso varia segun el sistema operativo. En MAC tendrias que presionar CTRL+U y en WINDOWS ALT+U para lograr el efecto
  #3 (permalink)  
Antiguo 11/01/2005, 11:56
 
Fecha de Ingreso: julio-2003
Mensajes: 437
Antigüedad: 21 años, 4 meses
Puntos: 0
entonces, para que sirve el label for? que utilidad real tiene?
  #4 (permalink)  
Antiguo 25/04/2006, 13:28
Avatar de mega82es  
Fecha de Ingreso: septiembre-2005
Mensajes: 38
Antigüedad: 19 años, 2 meses
Puntos: 0
bastante tarde la respuesta verdad?

Hay muchos usuarios, comunmente capturistas, que tienen la costumbre de dar click en la etiqueta que describe al campo de texto en lugar de dar click en el propio campo de texto, si defines con <label> que la etiqueta pertenece a determinado campo de texto, cuando el usuario de click sobre la etiqueta, se le dará el foco al campo de texto que es lo que espera el capturista (y no que se seleccione el texto de la etiqueta)

Saludos
  #5 (permalink)  
Antiguo 25/04/2006, 14:45
Avatar de Mickel  
Fecha de Ingreso: mayo-2002
Ubicación: Lima, Peru
Mensajes: 4.619
Antigüedad: 22 años, 6 meses
Puntos: 7
mas vale tarde que nunca...
__________________
No tengo firma ahora... :(
  #6 (permalink)  
Antiguo 25/04/2006, 14:48
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 20 años, 8 meses
Puntos: 20
Ademas, sirve para para los lectores de paginas web no tradicionales* asocien el texto explicativo al campo a rellenar.

* Por ejemplo, los ciegos que usan programas que les "leen" las paginas web. Si no asocias los labels a sus respectivos campos, van a rellenar los datos en cualquier lado.

En cuanto al accesskey, tambien sirve para los links. Podes hacer que al apretar la combinacion ALT+C (en windows) te abra la pagina de contacto de tu web.
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #7 (permalink)  
Antiguo 15/02/2011, 10:05
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: funcionamiento de label for="" y accesskey

Hola Mickel la información que das esta muy buena felicidades!
Podrias decirnos si no es mucha molestia la fuente de información de lo que escribiste lineas arriba me ha servido muchisimo para entender el funcionamiento de label for
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 22:32.