| Line 2: | Line 2: | ||
range | range | ||
===Type=== | ===Type=== | ||
| − | + | input | |
===Synopsis=== | ===Synopsis=== | ||
How to render an input slider | How to render an input slider | ||
| Line 22: | Line 22: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | < | + | <input type="range" min="5" max="10" step="0.01" /> |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | < | + | <input type="range" min="5" max="10" step="0.01" /> |
===Note=== | ===Note=== | ||
By default, the granularity, is 1, meaning that the value is always an integer. You can change the step attribute to control the granularity. For example, If you need a value between 5 and 10, accurate to two decimal places, you should set the value of step to 0.01. | By default, the granularity, is 1, meaning that the value is always an integer. You can change the step attribute to control the granularity. For example, If you need a value between 5 and 10, accurate to two decimal places, you should set the value of step to 0.01. | ||
Revision as of 08:55, 3 January 2023
Name
range
Type
input
Synopsis
How to render an input slider
Description
Used to get a value between x and y, presented to the user as a slider.
Parameters
type="range"
Other options : autocomplete list min max step value
All other valid parameters for an input field are valid
Example
<input type="range" min="5" max="10" step="0.01" />
Note
By default, the granularity, is 1, meaning that the value is always an integer. You can change the step attribute to control the granularity. For example, If you need a value between 5 and 10, accurate to two decimal places, you should set the value of step to 0.01.
If you want to accept any value regardless of how many decimal places it extends to, you can specify a value of "any" for the step attribute.
