范围字段
范围字段
The range field stores a numeric value intended for a bounded slider-style input inside a repeater row.
最适合
- 评分维度
- 比较滑块
- 加权设置
- 视觉进度数值
模式示例
{ "name": "score", "label": "Score", "type": "range" }模板用法
{{#each ratings as="item"}}
<div class="rating-bar">
<span>{{ item.label }}</span>
<strong>{{ item.score }}</strong>
</div>
{{/each}}Progress example:
{{#each metrics as="item"}}
<div class="metric-row">
<span>{{ item.label }}</span>
<progress value="{{ item.score }}" max="100"></progress>
</div>
{{/each}}使用时机
Use range when repeated rows need a bounded numeric input rather than a free-form number.
不要在以下情况使用
在以下情况下不要使用 range：
- 该数字没有自然的最小/最大边界
- 该值是货币、数量或其他领域特定数字
改为使用 number。
技术说明
- 当数值仅在有界量表内有意义时使用
range。 - 在周围的标签或 UI 中保持量表的解释清晰可见。
- 当该值是业务数量而非类似评分的维度时，优先使用
number。 - 在结构化的重复行中使用它，每个项目遵循相同的评分约定。