数字输入框输入
它让用户直接输入数值,并可以限制范围、步长和允许的小数位数。
- 只能填数字的框
- 旁边有上下箭头能改数字的输入框
- 让我输入数量价格的格子
- 数值输入框
- 数字字段
- 可调数字框
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Number Input
也叫 Spinbutton
<input type="number">
iOS需自己实现
iOS / iPadOS
Number Field
也叫 Spinbutton
苹果移动平台没有带边界和步进按钮的通用数字输入组件,数字键盘也不会自动完成数值校验。
通常怎么做:使用 TextField 配置数字键盘并自行解析、限制范围;少量增减可用 Stepper。
Android原生支持
Android Framework Views;Compose 没有对应 Material 3 组件
Number Picker
Views: android.widget.NumberPicker
经典 Views 提供 NumberPicker;Compose 项目通常需要封装 AndroidView 或自定义数值输入。
使用规范
什么时候用
- 必须输入或编辑一个准确数值,并需要范围或格式校验
什么时候别用
- 只需要在少量固定选项中选择,或用户更关心大致程度
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。