Form 表单

由输入框、选择器、单选框、多选框等元素组成,用以收集、校验、提交数据。


用法

· 表单标签有三种对齐方式:左对齐、右对齐、顶部对齐(如登陆页面);
· 标签文本尽量简洁有效,需注意的必填项可在前面加*;
· 在错误率较高的输入项中使用即时验证反馈;
· 表单提交失败时,页面跳至填写错误项,校验错误反馈必须包含出错原因;
· 一个表单尽量只有一个主按钮,如果有次级按钮的出现,在样式上不能影响主按钮的使用;


分类

Alibaba Fusion为Form提供了两种排列方式:

· 水平排列:标签和表单控件水平排列,同时标签可内置(即标签在输入框内)或外置(标签在输入框外左侧)两种展示方式;
· 垂直排列:标签和表单控件上下垂直排列,同时标签也可内置(即标签在输入框内)。

Form Size根据输入框的定义的尺寸对应有大、中、小三种。