18. 📝 表单与输入 Inputs ★★☆☆☆

🌏 Web 网页规范

  • 输入机制: 键盘硬件输入、表单输入、鼠标选区交互
  • 功能特性: HTML5 autocomplete 原生缓存、密码框睁闭眼
  • 交互防错: 正则表达式行内报错、回车键一键触发表单提交
  • 焦点聚焦: 原生 focus 指针聚焦,自动平滑聚焦下一个文本域

📱 App 移动端规范

  • 输入机制: 软键盘输入、双击长按系统放大镜选区、剪贴板
  • 功能特性: 短信验证码自动填充、快速清除 (Clear Button)
  • 交互防错: 虚拟键盘高亮、自动纠错、键盘右下角 Action 键
  • 焦点聚焦: 原生焦点堆栈切换,防止键盘遮挡核心输入区域

Web 智能下拉推荐、自动填充与行内校验

Web Autocomplete, Inputs Autofill & Validation

网页端表单配合浏览器的 自动记住账号密码/地址、密码睁眼闭眼可见性切换与失焦后的行内实时红字报错。

App 上下文定制键盘、密码自动填充与扫码

App Context Keyboard Types, Auto-Formatting & Biometrics

App 端点击输入框会自动拉起 特定键盘(如输电话拉起数字键盘,输邮箱拉起带 @ 键盘),智能配合短信验证码自动读取,或调取系统指纹安全填充。

LIVE PLAYGROUND: 密码明文切换与邮箱智能后缀自动完成 测试在输入邮箱时出现的提示词,并尝试切换密码明密文状态
https://web.meta-ui.edu/inputs
09:41
📶 🔋
📋 大模型统一 Prompt (LLM Prompt)