[DICA] Input com range usando HTML.

Mais uma dica de HTML: O uso do <input> com o atributo type="range". Esse tipo de elemento de entrada permite que o usuário escolha um valor de um intervalo de números, usando uma barra de deslizamento. Você pode definir o intervalo de valores permitidos usando os atributos min e max, e pode até mesmo adicionar uma etiqueta de rótulo usando o atributo label.

Aqui está um exemplo de como você pode usar um elemento <\input> do tipo "range" em seu código HTML:

<label for="volume">Volume:</label>
<input type="range" id="volume" name="volume" min="0" max="100" value="50">

Isso criará uma barra de deslizamento com um intervalo de 0 a 100, com um valor inicial de 50. O usuário pode deslizar a barra para escolher um novo valor no intervalo. Você também pode usar JavaScript para ler o valor atual da barra de deslizamento e atualizar o elemento da página de acordo.