Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

[Usabilidad] Click sobre label cuando trabajamos con input en desarrollo web

Cuando trabajamos desarrollando interfaces web, al igual que ocurre con cualquier otro diseño de interfaz, una de las labores básica es aumentar la usabilidad. Hay que hacer fácil y natural el funcionamiento.

Si tenemos un formulario, con una lista con botones de tipo radio o checkbox y al lado una serie de etiquetas label como aparece en la imagen:

Lista con input

  • Es incómodo tener que presionar el control…
  • … pudiendo presionar cualquier parte de la etiqueta para que se active el control

Hacer esto a mano, elemento a elemento, además de tedioso no es nada práctico, pero jQuery nos proporciona un método para hacerlo de una sola vez:

Recordad tener bien indicados el atributo for de cada label:

Leer entrada anterior
Lo mejor de mi RSS del 15 al 21 de octubre

Instalando PASO A PASO Ubuntu Quantal Quetzal (12.10) - Geeks & Linux Atelier! Por qué Haiku/BeOS es un sistema operativo...

Cerrar