18. 📝 表单与输入 Inputs ★★☆☆☆
🌏 Web 网页规范
- 输入机制: 键盘硬件输入、表单输入、鼠标选区交互
- 功能特性: HTML5 autocomplete 原生缓存、密码框睁闭眼
- 交互防错: 正则表达式行内报错、回车键一键触发表单提交
- 焦点聚焦: 原生 focus 指针聚焦,自动平滑聚焦下一个文本域
📱 App 移动端规范
- 输入机制: 软键盘输入、双击长按系统放大镜选区、剪贴板
- 功能特性: 短信验证码自动填充、快速清除 (Clear Button)
- 交互防错: 虚拟键盘高亮、自动纠错、键盘右下角 Action 键
- 焦点聚焦: 原生焦点堆栈切换,防止键盘遮挡核心输入区域
网页端表单配合浏览器的 自动记住账号密码/地址、密码睁眼闭眼可见性切换与失焦后的行内实时红字报错。
App 端点击输入框会自动拉起 特定键盘(如输电话拉起数字键盘,输邮箱拉起带 @ 键盘),智能配合短信验证码自动读取,或调取系统指纹安全填充。
LIVE PLAYGROUND: 密码明文切换与邮箱智能后缀自动完成
测试在输入邮箱时出现的提示词,并尝试切换密码明密文状态
https://web.meta-ui.edu/inputs
📋 大模型统一 Prompt (LLM Prompt)