Input Type: Range

This input type is used for input fields that should contain a value within a range:

<input type="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>
Points:

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.

Back button Table of Contents Next button