Las nuevas capacidades de HTML5 nos permiten introducir un elemento de formulario que permite establecer un rango. Este elemento es bastante parecido al que vimos en el capítulo anterior del tipo number. Sin embargo, a pesar de que sus posibles parámetros y su funcionalidad son bastantes similares, el aspecto visual y la forma de interacción con el usuario son muy distintos.

No referimos ahora al elemento de formulario cuyo type es igual a range. Veamos cómo es la sintaxis de este elemento mediante un ejemplo:

<form action=”envio.php” method=”post”>
                <label for=”rango”>¿Cuánto le gusto esta aplicación?</label>
                <input type=”range” id=”rango” name=”rango” required=”required”>
                <input type=”submit” value=”ENVIAR”>
                <input type=”reset” value=”BORRAR”>
</form>

Mediante este campo, el usuario podrá introducir únicamente valores numéricos, deslizando el controlador para la derecha o la izquierda. Este campo es muy útil cuando queremos preguntar a nuestros usuarios sobre rangos, por ejemplo niveles de satisfacción.