Form
表单
多个item的组合,和FormItem组件以及FormGroup组件配合使用
代码示例
简单使用
FormItem组件通过label属性指定label
label基本设置
Form组件label-width指定label宽度,当label字数不统一时,可以使右侧的表单控件对齐。同时可以指定label的对齐方式,label-align默认为left,其他两个取值为center和right
label字体颜色
Form组件和FormItem组价均可使用label-color定义label的颜色,FormItem优先级高于Form,值可以是官方内设的颜色值,也可以是合法的任何css颜色值。默认值为#333。
男
女
表单分组
FormGroup组件可以对表单进行分组
堆叠样式的label
label-type设置为stack时,可以显示一个堆叠的label。样式表现为label在上,表单控件在下。该属性在Form组件和FormItem组件上均可使用,FormItem优先级高于Form。label-type有两种取值:inline、stack,默认为inline或者不写。
表单控件显示在一行
添加inline属性,可以让表单控件显示在一行,每个控件均分宽度。适用于填写座机号码时分开填写区号和号码的情况,或者填写姓名时分开填写姓和名的情况等等。