跳转到内容

前端与界面 · DEFINED TERM

Input 输入框

接收一行短文本、数字或密码的表单控件。

你可能会这样说“这里让用户输入项目名称,并保留刚才输入的值。”

VISUAL EXAMPLE

先看懂它怎么工作

  1. 01获得焦点
  2. 02接收输入
  3. 03更新字段值
  4. 04参与提交

MECHANISM

运行机制

  1. 获得焦点
  2. 接收输入
  3. 更新字段值
  4. 参与提交

USE WHEN

适合这样用

名称、关键词、手机号等短内容

NOT FOR

不要这样理解

不要用单行输入框承载长段文字

TELL YOUR AGENT

可直接发给 Agent

请按“Input 输入框”的概念处理这个需求:这里让用户输入项目名称,并保留刚才输入的值。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

标签、占位提示和错误信息齐全,键盘类型与字段匹配

OFFICIAL SOURCES

官方来源