Crear un rango con HTML5

Por -

Vamos a repasar el HTML5 input de tipo range, el cual es un nuevo elemento de formulario para la entrada de datos que nos ofrece HTML5.
Este input es muy parecido al HTML5 input number en cuanto al formato de datos, la diferentecia radica en que los valores se especifican mediante sliders o barras de desplazamiento.
La input type=”range” se utiliza para campos de entrada que deben contener un valor dentro de un rango. 
Entre los atributos mas comunes de este elemento tenemos los siguientes:
  • max y min: Indicamos los valores máximo y mínimo de nuestro rango.
  • value: Especificamos un valor por defecto en nuestro rango.
  • step: Establecemos el valor numérico de avance del slider o barra de desplazamiento.
En el siguiente enlace podrán descargar un ejemplo de esta propiedad.

 Descargar

Ver ejemplo:

Comentarios

Publicar un comentario

Entradas más populares de este blog

32 Combinaciones secretas de tu teclado

Por -
Imagen
El botón “Win“ que se puede encontrar en los teclados de computadoras no solo sirve para abrir el menú ”Inicio". Su uso en combinación con otras teclas facilita el trabajo con la computadora y ahorra notablemente el tiempo. Algunas de las funciones de estas combinaciones son: Win — abrir/cerrar el menú “Inicio“; en Windows 8.1, abrir la ventana anterior. Win + A — abrir el Centro de notificaciones (en Windows 10). Win + B — seleccionar el primer icono en el área de notificación (luego puedes cambiar los iconos con flechas). Win + Ctrl + B — abrir el programa que se está mostrando en el área de notificaciones. Win + C — mostrar el panel lateral ”Charm Bar“ (en Windows 8 y 8.1); en Windows 10, abrir Cortana. Win + D — mostrar el escritorio o volver a mostrar la...
Ver mas

Crear Botones con HTML5

Por -
Imagen
Botones con HTML5 <input type="submit"> El elemento input, teniendo el valor "submit" en su atributo type, representa un botón que, cuando es presionado, envía el formulario (form) al que pertenece. Con el arribo de HTML5, varios atributos nuevos han sido agregados a este elemento (formaction, formenctype, formmethod, formnovalidate y formtarget) que definen y anulan ciertos parámetros relacionados a cómo el formulario debe ser enviado. Estos nuevos atributos pueden ser usados, por ejemplo, para proveer más de un botón de envío en un mismo formulario, y hacer que cada uno de ellos lleve a cabo un tipo diferente de envío. <botton></ botton > La etiqueta de HTML <button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en t...
Ver mas