江苏龙网

  1. 首页 > 生活 > >

|B端UI交互界面基础组件：表单( 二 )


本文图片

点击表单配置下发操作时 ， 执行表单合法性校验 ， 如表单中有合法性检查未通过配置项 ， 则自动跳转到顺序第一个不合法配置项 ， 操作下发终止 。
二、全页表单
2.1 需求场景

  1. 需要用户进行相关数据配置 ， 并完成像一个数据提交 。
  2. 表单配置项较多 ， 信息量较大 。
  3. 表单有较大的可用空间防止内容 。
2.2 内容布局
整体区域分布与基础表单分布相同 。
在整体区域表单横向区域空间较大时 ， 合法性校验规则或补充说明说明可以放置到输入框右侧显示：
|B端UI交互界面基础组件：表单
本文图片

表单初始状态下 ， 不执行合法性检查 ， 表单数据下发操作按钮默认设置为可用状态：
|B端UI交互界面基础组件：表单
本文图片

当表单输入项光标移除时 ， 或点击数据下发或操作按钮时 ， 进行合法性检查 ， 标注下不合法配置项 ， 并将光标自动定位到第一个不合法的输入项 ， 操作按钮保持可用状态：
|B端UI交互界面基础组件：表单
本文图片

存在合法性炎症未通过的表单 ， 表单数据不允许下发 。
三、总结
关于B端基础交互组件“表单”的相关分享就到这里 ， 下一章我们介绍“会话框”包括基础信息会话框、提示信息会话框、行为确认会话框、配置会话框的相关交互规范 。
本文由 @云计算产品汪 原创发布于人人都是产品经理 ， 未经许可 ， 禁止转载
题图来自 unsplash ， 基于 CC0 协议


推荐阅读


上一篇：趣头条|【梅州行情】别克GL8现时行情如何？有何优惠？

下一篇：趣头条|6.4L真香 Jeep确认牧马人将搭V8发动机