跳转到内容

前端与界面 · DEFINED TERM

Button 按钮

触发一个明确动作的可点击控件。

你可能会这样说“把“提交”做成主按钮,点击后要有处理中状态。”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

等待操作

MECHANISM

运行机制

  1. 用户点击
  2. 校验状态
  3. 执行动作
  4. 返回结果

USE WHEN

适合这样用

提交、保存、删除或打开操作

NOT FOR

不要这样理解

不要用按钮假装页面跳转链接

TELL YOUR AGENT

可直接发给 Agent

请按“Button 按钮”的概念处理这个需求:把“提交”做成主按钮,点击后要有处理中状态。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

键盘可聚焦,禁用与处理中状态清楚,重复点击不会重复提交

OFFICIAL SOURCES

官方来源