Atributo step de Input Range

Objeto Range del DOM HTML Input

Definición y uso

step Establecer o devolver el valor del atributo step del control deslizante.

El atributo step de HTML especifica el tamaño del desplazamiento del control deslizante (el aumento o salto entre valores).

El atributo step de HTML se utiliza para limitar la cantidad de valores permitidos.

Consejo:El atributo step se puede usar con max y min Utilice atributos juntos para crear una serie de valores válidos.

Véase también:

Manual de HTML:Atributo step de <input> en HTML

Ejemplo

Ejemplo 1

Cambiar el valor del atributo step:

document.getElementById("myRange").step = "25";

Prueba por tu cuenta

Ejemplo 2

Mostrar el valor del atributo step del control deslizante:

var x = document.getElementById("myRange").step;

Prueba por tu cuenta

Sintaxis

Devolver el atributo step:

rangeObject.step

Configurar el atributo step:

rangeObject.step = número

valor de atributo

valor descripción
número

Define la cantidad de movimiento (aumento entre valores o salto) de control deslizante cada vez.

Por defecto es "1".

Detalles técnicos

Valor de retorno: Números, que representan el valor del aumento entre ellos.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 10.0 Soporte Soporte Soporte

Objeto Range del DOM HTML Input