SuperAPI AI 工具集

password

前端与建站

查看项目

更新于 10-16 04:31

技能介绍

用途:该模式用于实现安全的密码输入,属于表单类 UX 模式,适用于登录认证、注册与密码更新、双因素认证或 PIN 输入,以及加密密钥、私有访问码等敏感字段。它通过掩码字符防止旁人窥视,并可加入可见性切换、强度指示与校验要求。

主要能力与要点:提供密码可见性切换、强度指示、校验要求等反馈机制;强调键盘可访问的切换控件、用 aria-describedby 关联密码要求、保持高对比度与清晰焦点状态,并允许用户在不牺牲安全的前提下核对输入。

使用方式:先确认该模式与问题及约束匹配,再参考 references/pattern.md 中的结构与示例,选择最小可行变体;在叠加视觉细节前先落实无障碍、性能与交互护栏,并按测试指引验证键盘、屏幕阅读器、响应式与失败场景。

限制与避免:非敏感文本应使用标准文本框;一次性验证码或 PIN 应改用 Code Confirmation 模式;密码确认字段建议用内联校验。不要依赖占位符提供密码指引,避免强制过多特殊字符,也不要假设所有用户都能看到视觉强度指示,应提供文本提示。

相关模式:https://uxpatterns.dev/patterns/forms/code-confirmation 与 https://uxpatterns.dev/patterns/forms/text-field。完整实现细节、示例与测试说明见 references/pattern.md,模式页面为 https://uxpatterns.dev/patterns/forms/password。