Otros dos controles HTML5 que puedes añadir a los formularios son los giradores y los deslizadores. Lamentablemente, sin embargo, sólo Opera y Chrome apoyan al girador. Un girador te permite aumentar o disminuir un número en un cuadro haciendo clic en pequeñas flechas arriba y abajo. Se ven como esto en el navegador de Opera:

An HTML 5 spin box

El código HTML de la caja giratoria se ve así:

TIPO DE ENTRADA="NÚMERO" MIN="0" MAX="10" STEP="2" VALUE="6" SIZE="6">

El TIPO es "Número". El MÍN y MÁXIMO son los valores de inicio y final que quieres para la caja. En otras palabras, un usuario no puede ir más allá de 10 o menos que 0. El atributo STEP es el aumento o disminución del valor cuando se hace clic en en las flechas. En nuestro código de arriba, subimos en pasos de 2 (2, 4, 6, 8, 10). El VALUE es el valor por defecto que aparece en el cuadro cuando se carga la página, y también el que se devuelve cuando se envía el formulario. El TAMAÑO se refiere a la anchura que se desea la caja.

Los deslizadores funcionan en los navegadores Opera, Chrome y Safari. Se ven así:

An HTML 5 slider

Puedes mover el deslizador a la izquierda o a la derecha para cambiar el valor. El código HTML es esto:

TIPO DE ENTRADA="GAMA" MIN="0" MAX="10" STEP="2" VALUE="4">

El TIPO es "Rango". Los otros atributos son los mismos que para el caja de giro.

En la próxima lección, aprenderás sobre Fechas y Horas en HTML 5.

Correo electrónico, URL, Búsqueda | Fechas y horas |;