Control deslizante de rango personalizado hermoso con JS-Range. js
| Autor: | niandco |
|---|---|
| Views Total: | 551 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 13, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Range. js es una biblioteca de JavaScript ligera Vanilla para crear los reguladores de rango personalizado Slim, de los campos de texto normales.
Con soporte para botones de incremento/decremento y valores decimales/positivos/negativos.
Funcionamiento
Coloque el archivo JavaScript Range. js justo antes de la etiqueta del cuerpo de cierre.
<script src="src/range.js"></script>
Cree un campo de texto normal y especifique los valores iniciales/Min/Max y el tamaño del paso utilizando los atributos de entrada nativos.
<input type="text" id="example" value="5" max="100" min="0" step="1">
Inicializar la biblioteca para crear un control deslizante de rango predeterminado.
const el = document.getElementById( 'example' );
rangejs( el ,{
css: true
} ); Activar/desactivar los botones de incremento/decremento.
const el = document.getElementById( 'example' );
rangejs( el, {
css: true,
buttons: true
});
