禁用状态
Disabled State
交互模式也叫：disabled、置灰、不可用状态
一句话：元素暂时不能操作时的样式，通常颜色变浅、鼠标显示禁止符号，点击后没有任何反应。
详细解释
禁用状态告诉用户「这个现在用不了」。常见场景：必填项没填完时提交按钮置灰、提交中防止重复点击、没有权限的操作、没选中任何行时的批量删除按钮。给按钮或输入框加 HTML 的 disabled 属性，浏览器会自动阻止点击和聚焦。
样式上一般改成浅灰色或降低透明度，鼠标显示 cursor: not-allowed。但只置灰不说原因，用户会困惑「为什么点不了」，可以在旁边写明，或悬停时用文字提示说明原因。
有时更好的做法是不禁用：允许用户点提交，再用表单校验指出哪里没填，反馈更直接。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
注册表单的「提交」按钮：必填项没填完时显示禁用状态（浅灰背景、鼠标显示禁止符号），悬停时出现文字提示「请先填写手机号和验证码」；全部填好后恢复可点击；点击后在接口返回前保持禁用并显示「提交中…」。