bootstrap-2-3-2 Input Otp
可移植输入原子草稿。
Web Components React Vue Vue 2
正在加载交互示例… 正文和源码已可阅读,交互控件就绪后会显示在这里。
Root 管理 value/defaultValue、length(1–32,默认6)、numeric/alphanumeric 过滤、disabled/readOnly、name、ariaLabel。唯一真实 Input 由 TextControl 处理选择、粘贴、删除与组合输入,并声明 one-time-code 自动填充;组合结束后过滤和限长。Slot 是按索引被动显示且对辅助技术隐藏,不制造额外编辑器或 Tab 停靠点;active 只表示尾部插入提示,不声称等于原生选区位置。valueChange 为提案;每个接受的完整代码发一次 completed,不执行验证或获取短信。
在 Field/FormField 内用 Control 替代 Input,桥接 FieldLabel、规范字符串校验、IME 取消、Form 序列化及复位。独立 Input 保留原有命名。
部件: root, input, control, slot, separator. 四个视觉家族继承同一 Base 行为。
当前为 Draft 源码工作。原生、辅助技术、完整 Adapter/Compiler/GPUI、包消费及独立验收仍待完成,不宣称 Finf 验收通过。