← 返回 Web 词条
开关
Web 原生没有这个
网页没有专门的原生开关元素,通常用复选框语义配合开关外观和切换状态。
通常怎么做:优先使用 checkbox;自定义外观时保留可聚焦输入并正确暴露开关状态。
它表示一个设置当前是开还是关,用户切换后通常会立即生效。
- 左右拨一下就开或关的东西
- 像灯开关一样的滑块
- 点了马上从关变开的按钮
- 切换开关
- 布尔开关
- 状态开关
其他平台的相似实现
iOS原生支持
Toggle本平台没有对应叫法看 iOS 视角 →Android原生支持
Switch本平台没有对应叫法看 Android 视角 →使用规范
什么时候用
- 切换一个会立即生效的二元设置,并需要持续显示当前状态
什么时候别用
- 提交整张表单后才生效的选择,或操作会产生难以撤销的后果