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

Share your rebranded product to inspire other SUSE developers.

Tell us your name and your products' so that we can get in touch with you:

moveclose

Thank you for for sharing your product success story with us.

Report an issue or share an idea

Include screenshot of current page

moveclose

Thank you for helping us improve EOS.