viernes, 3 de mayo de 2013

Tips HTML5 – Control number

El control number es un elemento de formulario, de tipo gráfico, es un subtipo del control input, el cual nos permite contar con un control que se asimila a un contador, el cual nos permite ingresar un numero comprendido dentro de un rango definido, bien sea de forma manual, o haciendo uso de un par de flechas que nos permiten aumentar o disminuir la cuenta.

Es muy fácil de usar y muy practico, por ejemplo en un formulario de pedidos para definir la cantidad de productos a comprar.
<input type="number" name="cantidad" min="1" max="50" value="1">
Para usar este control es necesario definir el tipo del input como number, y tiene 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.
Y se ve tal como se muestra en la imagen:

number

No hay comentarios: