jueves, 14 de agosto de 2008

Select box con imagenes y separadores

Existe un tag html poco conocido y usado: el elemento Optgroup

Este elemento se usa dentro de tags select y permite agrupar y etiquetar series de elementos, de manera que se puedan usar en un mismo select.

También hay que tener en cuenta que se le pueden aplicar estilos a los elementos option para añadirle colores.
Como guinda final estan los simbolos unicode, tales como estrellas (★) o checks (✓), que pueden darle un aspecto gráfico y mas intuitivo a estos elementos.

Como muestra, un boton:



Fuente: Blogoscopped

1 comentario:

Anónimo dijo...

He visto select boxes mejores utilizando Jquery, pero sin lugar a dudas tu solucion es MUCHO mas practica, mas simple y rápida y ademas no es necesario descargar absolutamente nada, sino solamente personalizar el css. Gracias