HTML <input type="range">
❮ Atributo de tipo HTML <input>
Exemplo
Defina um controle de intervalo (como um controle deslizante):
<label for="points">Points (between 0 and 10):</label>
<input type="range"
id="points" name="points" min="0" max="10">
Definição e uso
O <input type="range">
define um controle para inserir um número cujo valor exato não é importante (como um controle deslizante).
O intervalo padrão é de 0 a 100. No entanto, você pode definir restrições sobre quais números são aceitos com os atributos abaixo.
- max - especifica o valor máximo permitido
- min - especifica o valor mínimo permitido
- step - especifica os intervalos de números legais
- valor - Especifica o valor padrão
Dica: Sempre adicione a <label>
tag para melhores práticas de acessibilidade!
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.
Attribute | |||||
---|---|---|---|---|---|
type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Sintaxe
<input type="range">
❮ Atributo de tipo HTML <input>