返回 Pack GalleryMotion Pack 10 · 工作流表面
行内校验
输入时提供贴近字段的方向，让用户持续停留在当前任务上。
实现一个行内邮箱校验：用户输入后，根据邮箱格式切换输入框边界、辅助文字和状态图标。有效状态快速抵达，错误信息保持简洁并位于字段附近。
动效规则
边界、图标与辅助说明指向同一个明确结论。
减弱动效
保留颜色、图标和文字的状态变化。
实现
HTML、CSS 与行为所需的 JavaScript 一起复制。
输入时提供贴近字段的方向，让用户持续停留在当前任务上。
实现一个行内邮箱校验：用户输入后，根据邮箱格式切换输入框边界、辅助文字和状态图标。有效状态快速抵达，错误信息保持简洁并位于字段附近。
边界、图标与辅助说明指向同一个明确结论。
保留颜色、图标和文字的状态变化。
HTML、CSS 与行为所需的 JavaScript 一起复制。