Range

Input elements with type ‘range’ allow users to choose an approximate number from a range. The exact value, however, is not considered important.

Always associate a label to every range input for good accessibility. Do not include a colon at the end of the label.
Specify a numeric minimum value, and maximum value.
Don't use the range input when a user needs to enter a precise value.

Element states

How to use this element

Example

Code

Report an issue or share an idea

Include screenshot of current page

moveclose

Thank you for helping us improve EOS.