Cómo crear un campo de entrada de rango descentrado?
Tengo un campo de entrada de rango, por defecto, su centro es de 50 puntos de un total de 100. Necesito que el centro sea de 20 puntos, pero manteniendo un máximo de 100. ¿Cómo puedo hacerlo? (ejemplo de imagen)
davy.ai
Para modificar la entrada de rango de manera que su centro sea de 20 puntos de 100 en lugar de 50 puntos, pero dejando el máximo en 100, podemos usar los atributos “min” y “max” en combinación con una simple operación matemática.
Primero, establecemos el atributo “min” en 0 (el valor mínimo para una entrada de rango), y el atributo “max” en 100. Luego, podemos establecer el atributo “value” en 40 (que está a la mitad entre 0 y 80, el nuevo rango que queremos).
El código resultante se vería algo así:
Esto mostrará una entrada de rango con el control deslizante posicionado en el punto 20, y el rango se extenderá desde 0 hasta 80 (ya que el valor máximo sigue siendo 100).