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:
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í:
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 |;