Tips HTML5 – Control slider

Este es un control es formulario, es un control de tipo gráfico, es en realidad un subtipo del control input, y nos permite crear un slider, que no es mas que un control deslizante, similar a un control de volumen, el cual nos permite seleccionar un valor dentro de un rango definido.

Su uso es realmente sencillo y es de mucha utilidad.

<input type="range" id="puntaje" min="1" max="10"/>

Para usar este control, debemos definir el input de tipo range, y cuenta con los siguientes atributos:

• min = define el valor mínimo que puede ser seleccionado.
• max = define el valor máximo que puede ser seleccionado.
• step = define el paso, o valor del intervalo.
• value = indica el valor por defecto que tendrá el control.

Tristemente aun no esta soportado en Firefox que es mi navegador preferido, así que dejo una captura de como se ve en Opera.