开关

Switch

初级通用

开关（Switch）是表示某项设置当前开启或关闭、并让你在两种状态间切换的表单控件。它解决的是“现在是什么状态、点一下会变成什么状态”的问题，比如控制是否接收邮件提醒。

你可能会说：「我想让用户一眼看出邮件提醒现在开没开，点一下就能改。」

动手看看邮件提醒开关

通知设置

邮件提醒有新的账户动态时，通过邮件通知我

当前：关闭不会收到邮件提醒。

接收邮件提醒

用下方的「接收邮件提醒」开关切换状态；也可以悬停、按住演示区的开关，或用 Tab 聚焦它，观察即时反馈。

灰色轨道、靠左的圆点表示目前关闭；下方状态文字说明实际结果：不会收到邮件提醒。

1
一个开关对应一项二元设置
比如“邮件提醒”只有开启和关闭两种状态，就很适合用开关。你可以把它理解成在修改一个值，而不是发出一次性命令；页面重新打开后，也能显示这项设置目前的值。
2
标签说清控制的是什么
旁边写“邮件提醒”，用户才知道这个开关管什么。我们还要让界面和辅助技术都能读出它的名称与当前状态，因为只靠滑块位置或颜色，有些人无法判断它是否开启。
3
切换结果要跟真实状态一致
如果切换后会立刻保存，你可以马上更新界面；保存失败时，再恢复原状态并说明原因。如果设置要等用户点击“保存”才生效，界面也要讲清楚，免得用户以为已经改好了。

开关和复选框都能表示“是或否”，但开关更像直接改变一项持续生效的设置；复选框更常用于填写表单，和其他字段一起提交。它也不是按钮：按钮用于触发一次操作，比如“发送测试邮件”，不会持续表示这个操作处于开启状态。

你在做邮件提醒设置：用户切换后立即保存到服务器，页面再次打开时要显示已保存的状态。该用哪种控件？

请在设置页为“邮件提醒”添加一个开关，读取并显示服务器保存的当前状态。用户切换后立即保存；保存期间避免重复提交，失败时恢复原状态并给出提示。让开关的名称和开关状态可被辅助技术识别。