This input type is used for input fields that should contain a value within a range:
You can use the following attributes to specify restrictions: min, max, step, value. Depending on browser support, the input field may display as a slider control.
HTML file: | Displayed by browser: |
---|---|
<form action="http://www.w3schools.com/html/action_page.php" method="get">
Points: <input type="range" name="points" min="0" max="10"> <input type="submit"> </form> |
Chrome and Firefox do not show the numbers as you slide the bar, like Internet Explorer does. The form-handler will report the number submitted though. Not having Safari or Opera, I don't know how Safari or Opera display this.