用途:用于实现短验证码(通常 4–8 位数字或字母数字)的分段输入组件。适用于双因素认证、邮箱验证、密码重置、交易确认、访问码等场景;不适用于长密码、自由文本、长度未知或超过 8 位的输入。
主要能力:以分段布局让每个字符各占一个输入框,逐位引导输入,减少转写错误。提供键盘交互规范:数字/字母输入后自动前进;Backspace 清除当前位,若为空则回到上一位;Delete 清除但不移动焦点;左右方向键切换焦点;Tab/Shift+Tab 跳出该组。给出性能参考:初始渲染 <50ms、自动前进 <16ms、粘贴分配 <50ms、错误态 <200ms、单实例内存 <2KB。
使用方式:先从 references/pattern.md 的解剖结构与示例出发,选择最小可行变体,再叠加无障碍、性能与交互约束,最后按测试指引验证键盘、屏幕阅读器、响应式与失败场景。数字输入应用 type="text" inputmode="numeric" pattern="[0-9]" maxlength="1",避免 type="number"。应处理 paste 事件把剪贴板字符分配到各输入框,并在空框按 Backspace 时回退焦点。
限制与注意:文档未提供框架绑定、具体样式实现或完整生产代码,需自行按示例落地;错误状态、粘贴与回退逻辑需自行测试。