单行输入框输入
它让用户输入或编辑一行文字,通常配有标签、提示和错误说明。
- 点进去能打字的长方框
- 让我填名字手机号的格子
- 里面有光标可以输入一行字
- 文本框
- 文字输入框
- 表单字段
示例
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Text Input
也叫 Text Field
<input>
iOS原生支持
iOS / iPadOS
Text Field
SwiftUI: TextField / SecureField|UIKit: UITextField
Android原生支持
Android 手机 / 平板
Text Field
在 Android 上,这和多行输入框是同一个控件 →Android 的 Text Field 单行多行同源,把 maxLines 调大即成为多行输入。Compose Material 3: TextField / OutlinedTextField
使用规范
什么时候用
- 输入姓名、邮箱、搜索词等一行可编辑文字
什么时候别用
- 内容会有多段或换行时应使用多行输入框;固定选项应使用选择控件
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。