← 返回 Web 词条

开关

Web需自己实现

Web 原生没有这个

网页没有专门的原生开关元素,通常用复选框语义配合开关外观和切换状态。

通常怎么做:优先使用 checkbox;自定义外观时保留可聚焦输入并正确暴露开关状态。

适用范围:桌面与移动端现代浏览器

社区一般叫它 Switch · Toggle

它表示一个设置当前是开还是关,用户切换后通常会立即生效。

  • 左右拨一下就开或关的东西
  • 像灯开关一样的滑块
  • 点了马上从关变开的按钮
  • 切换开关
  • 布尔开关
  • 状态开关

其他平台的相似实现

使用规范

什么时候用

  • 切换一个会立即生效的二元设置,并需要持续显示当前状态

什么时候别用

  • 提交整张表单后才生效的选择,或操作会产生难以撤销的后果

Web 出处

查看 Web / iOS / Android 完整对照 →