原型说明咋写-表单页

PS:未了解组件规范的朋友点击查看往期文章

一、原型及说明

通过准备好的元件库快速拖拽组件,形成表单

原型说明咋写-表单页

通过原型组件的特殊标识,可在“组件规范”快速找到此组件规范,产品无需过多注意细节,着重梳理业务规则。

原型说明咋写-表单页

如,本页所应用的规范组件有:

  • 常规输入框
  • 日期选择器
  • 单选器
  • 单选框
  • 照片墙上传
  • 复选框
  • 复选器
  • 开关
  • 数字输入框
  • 文本域输入框
  • 拖拽上传文件

(注:以上规范组件可在往期文章找到点击查看

二、提交信息校验

超过三个校验的表单,建议通过流程图维护

原型说明咋写-表单页

本页所应用的规范组件有:

全局提示:

原型说明咋写-表单页

对话框:

原型说明咋写-表单页

(注:以上规范组件可在往期文章找到点击查看

三、表单页规范

当前,表单页也可形成一篇规范,如下:

  • 排版:可标题左侧排版、也可标题在输入框上方排版,具体可根据情况定义
  • 组件标题:在表单呈现
  • 必填项:输入框名称前标有红星*为必填项
  • 键盘操作:需支持通过键盘方向键切换选中的输入框,如果是单选框、下拉选择器,还可以切换选项,enter键可触发页面主按钮

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部