收信息
输入框
Input
「打字那个框」「单行输入框」「填邮箱的框」「输入栏」
LIVE DEMO真实可交互，动手试试
请输入有效邮箱地址
- 英文名
- Input
- 别名 · 俗称
- 文本框单行输入框填写框
- Web 叫法
- Input
- 大白话定义
- 让用户输入一行短文本的基础控件，比如姓名、邮箱、搜索词。
- 部位拆解
- 输入区 Field真正打字的区域
- 占位符 Placeholder提示应该填什么
- 前后缀 Affix可选的图标、单位或按钮
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
加一个邮箱输入框（Input），带 placeholder、错误提示和 focus ring，输入无效时边框变红
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的输入框（Input）。逐一排除：placeholder 被当成 label 用；输入时光标和文字上下不居中；错误态只有颜色没有说明；清空按钮遮住内容。症状是：