HTML <input type="range">
Przykład
Zdefiniuj kontrolkę zakresu (jak kontrolka suwaka):
<label for="points">Points (between 0 and 10):</label>
<input type="range"
id="points" name="points" min="0" max="10">
Definicja i użycie
Definiuje kontrolkę do <input type="range">
wprowadzania liczby, której dokładna wartość nie jest ważna (jak kontrolka suwakowa).
Domyślny zakres to 0 do 100. Możesz jednak ustawić ograniczenia dotyczące akceptowanych liczb za pomocą poniższych atrybutów.
- max - określa maksymalną dozwoloną wartość
- min - określa minimalną dozwoloną wartość
- step - określa legalne odstępy między numerami
- wartość — określa wartość domyślną
Wskazówka: zawsze dodawaj <label>
tag, aby uzyskać najlepsze praktyki ułatwień dostępu!
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany element.
Attribute | |||||
---|---|---|---|---|---|
type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Składnia
<input type="range">