DevOps:Doc/FlexForm/2.0/input/range - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:07:22Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:07, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Maintenance script: Imported by PageSync

2025-07-15T08:34:15Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:34, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot: User:Charlot

2023-03-31T20:09:34Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:09, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Charlot at 07:55, 3 January 2023

2023-01-03T07:55:14Z

← Older revision		Revision as of 09:55, 3 January 2023
Line 2:		Line 2:
	range		range
	===Type===		===Type===
	~~_input~~		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" />		<input type="range" min="5" max="10" step="0.01" />
	</syntaxhighlight>		</syntaxhighlight>
	<~~_input~~ type="range" min="5" max="10" step="0.01" />		<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.

Charlot: User:Charlot

2023-01-03T07:54:44Z

User:Charlot

ws-class-props
← Older revision		Revision as of 09:54, 3 January 2023
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=How to render an input slider
	}}		}}

Charlot: User:Charlot

2023-01-03T07:54:33Z

User:Charlot

New page

===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===
<syntaxhighlight lang="html">
<_input type="range" min="5" max="10" step="0.01" />
</syntaxhighlight>
<_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.
===Links===