HTML < tipo de entrada="rango">

❮ Atributo de tipo HTML <entrada>

Ejemplo

Defina un control de rango (como un control deslizante):

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">

Definición y uso

define un control para ingresar un número cuyo <input type="range">valor exacto no es importante (como un control deslizante).

El rango predeterminado es de 0 a 100. Sin embargo, puede establecer restricciones sobre qué números se aceptan con los atributos a continuación.

  • max - especifica el valor máximo permitido
  • min - especifica el valor mínimo permitido
  • paso - especifica los intervalos de números legales
  • valor : especifica el valor predeterminado

Sugerencia: ¡ siempre agregue la <label>etiqueta para las mejores prácticas de accesibilidad!


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Attribute
type="range" 4.0 10.0 23.0 3.1 10.1

Sintaxis

<input type="range">

❮ Atributo de tipo HTML <entrada>