Propiedad value del Input Range

Objeto Range del DOM HTML Input

Definición y uso

value Establece o devuelve el valor de la propiedad value del control de deslizamiento.

La propiedad value de HTML especifica el valor predeterminado o el valor de entrada del usuario (o el valor configurado por el script).

Véase también:

Manual de referencia de HTML:Atributo value de <input> de HTML

Ejemplo

Ejemplo 1

Cambiar el valor del control de deslizamiento:

document.getElementById("myRange").value = "75";

Prueba por ti mismo

Ejemplo 2

Obtener el valor del control de deslizamiento:

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

Prueba por ti mismo

Ejemplo 3

Un ejemplo que muestra la diferencia entre las propiedades defaultValue y value:

var x = document.getElementById("myRange");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Prueba por ti mismo

Sintaxis

Devolver la propiedad value:

rangeObject.value

Establecer la propiedad value:

rangeObject.value = number

Valor del atributo

Valor Descripción
number Se especifica el valor del control deslizante. Si no se especifica un valor, el valor predeterminado es "50".

Detalles técnicos

Valor de retorno: Número, que representa el valor del control deslizante.

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