HTML <input type="range">
❮ HTML-Attribut vom Typ <input>
Beispiel
Definieren Sie eine Bereichssteuerung (wie einen Schieberegler):
<label for="points">Points (between 0 and 10):</label>
<input type="range"
id="points" name="points" min="0" max="10">
Definition und Verwendung
Der <input type="range">
definiert ein Steuerelement zur Eingabe einer Zahl, deren genauer Wert nicht wichtig ist (wie ein Schieberegler).
Der Standardbereich ist 0 bis 100. Sie können jedoch mit den folgenden Attributen Einschränkungen festlegen, welche Zahlen akzeptiert werden.
- max - gibt den maximal zulässigen Wert an
- min - gibt den zulässigen Mindestwert an
- Schritt - gibt die zulässigen Nummernintervalle an
- value - Gibt den Standardwert an
Tipp: Fügen Sie immer das <label>
Tag für bewährte Zugänglichkeitspraktiken hinzu!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
Attribute | |||||
---|---|---|---|---|---|
type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Syntax
<input type="range">
❮ HTML-Attribut vom Typ <input>