禁用
Disabled
初级通用禁用（Disabled）是控件暂时不可操作的状态，鼠标点击它不会触发原本的动作。它能在条件未满足时阻止无效操作，例如文件还没选好时，先让「上传」按钮不可点击。
你可能会说：「文件没选好之前，让上传按钮先点不了；选好后再恢复，最好也告诉用户为什么。」
动手看看上传合同附件
上传合同附件支持 PDF 文件，单个文件不超过 20 MB
尚未选择文件打开下方开关，模拟选好文件
请先选择文件
上传文件
已选择文件
先试着点上传按钮，再切换「已选择文件」重试。没选文件时，按钮变淡且不能按下，告诉你还缺一个必要条件。
禁用不只是颜色变浅：此时按钮不会响应鼠标，旁边的提示也说明了为什么暂时不能上传。
要点一个控件被禁用时，会发生什么？
- 1
点击不会执行原本的动作
你把「上传」按钮设为禁用后，用户点它不该开始上传。禁用不只是把颜色调浅：如果只是看起来灰了，点击处理逻辑却还在，仍可能发起请求。
- 2
状态变化要跟着条件变化
我们可以把按钮状态和实际条件连起来：没选文件时禁用，选好文件后恢复可用。这样用户不必反复点击试探，也能看出什么时候可以继续。
- 3
原因最好在附近看得见
禁用的控件通常不能靠点击来解释自己。比如「生成报告」不可用时，你可以在旁边写「请先选择日期范围」，而不是只靠鼠标悬停后才出现的提示。
容易混淆的地方
禁用和隐藏不同：禁用保留控件，让你看见有这个操作，但现在不能做；隐藏则暂时不展示它。禁用也不等于只读：只读输入框不能修改内容，但通常还能选中文本。若操作涉及权限，界面上的禁用只能说明当前交互状态，真正的权限判断还得由服务端完成。
什么时候用
适合用
- 做上传表单时，还没有选择文件，先禁用「开始上传」；选好文件后恢复可用。
- AI 工具正在生成同一份结果时，暂时禁用「再次生成」，避免用户重复提交。
- 后台批量操作需要先选中记录时，未选中任何记录就禁用「批量删除」。
不适合用
- 用户没有某项管理权限，且无需知道该操作存在时，与其摆一个永远不能点的按钮，不如不展示该入口。
- 只是想让用户查看已保存的编号、不允许修改时，用只读输入框或普通文本，而不是禁用到无法正常选取内容。
- 操作本来就可以执行，只是结果有风险时，用确认步骤说明后果，而不是直接禁用操作。
练一练选一个答案，看看解释
你在做一个后台页面：「导出所选记录」按钮只有选中至少一条记录后才能使用。怎样处理更合适？
让 AI 帮你做复制给 AI Agent 直接用
请实现「导出所选记录」按钮的禁用状态：未选中记录时不可触发导出，并在按钮附近提示「请先选择记录」；选中至少一条后恢复可用。不要只改灰色样式，同时检查点击处理逻辑。