Prev Demo
HTML5
>
Number Between Range
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <p>Range slider</p> <form> Select value: <input type="range" id="myRange" name="myRange" min="0" max="50" value="24" onchange="rangeOutput.value=this.value" /> <p> Range with step: <input type="range" name="myRange1" min="0" max="50" step="2" value="25" onchange="rangeOutput.value=this.value" /> </p> <p> Range with decimal values: <input type="range" name="myRange2" min="0.0" max="3.0" step="0.1" onchange="rangeOutput.value=this.value" /> </p> <output style="background-color:yellow;" name="rangeOutput">0</output> </form> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
