按钮体系

Button

Submit

不可点击的 submit

Box 体系

单一 Checkbox

不可点击的 Checkbox

多个 checkbox

可以多选,也可以单选

多可不可点击的 checkbox

可以多选,也可以单选

单选框

单选不可点击的单选框

文件体系

单一文件

选择任意文件上传

单一文件(只读)

选择任意文件上传

多文件

  • apple.pdf
  • + Add File
选择任意 pdf 文件上传

多文件(只读)

选择任意 pdf 文件上传

图片

选择一个图片上传

分组体系

一个不可重复的分组

简单的可重复分组

可重复分组

删除用户
删除用户
删除用户

下拉选择体系

下拉选择器

星球表面的平均温度
选择你最喜欢的

带 placeholder 的下拉选择器

星球表面的平均温度

带多选功能的下拉选择器

您可以通过按住 command (mac) 或 ctrl (windows) 来选择多个选项。

滑块体系

带范围的

每当我们被允许再次举办派对时......

Text 体系

颜色

挑选你喜欢的

日期

挑选你的生日

日期 2021-6-18 之前

挑选你的生日

Datetime-local

什么时候聚会呢?

邮箱

请留下你的邮箱

月份

是圣诞节吗?

数字

选择你的年龄

密码

请不要输入123456

搜索

我爬过最高的山峰。

电话

我可以拥有吗?

时间

你什么时候把食物塞进自己的嘴里?

文本

选择一个用户名

链接

你网站的网址是多少?

星期

哪个周?

element-ui 举例

你想起名叫张三吗
3/10
只能写一个

Textarea 体系

Textarea

我想听听这一切!

element UI 系列表单域演示

el-input 输入框

普通

个性签名

限制长度

0/5
个性签名

可清空

个性签名

禁用

个性签名

密码框

请输入密码

多行文本框

个性签名

多行文本框 带行数

个性签名

多行文本框 自定义高度

个性签名

el-input-number 计数器

普通

步数

禁用

严格步数

精度

尺寸

el-switch 开关

普通

禁用

文字描述

喜欢

颜色

喜欢

扩展类型

由于 formulate 不支持布尔类型,现在选中的时候,返回 1,反之返回 0,所以不支持扩展类型,开发者可以在表单提交后的事件中再做处理

el-slider 滑块

默认

自定义初始值

隐藏 Tooltip

格式化 Tooltip

离散值

离散值 显示间断点

带输入框

带输入框 不显示控制按钮

选择范围

竖向模式

展示标记

0°C
8°C
37°C
50%

el-rate 评分

默认

区分颜色

辅助文字

显示分数

0

el-color-picker 颜色选择器

有默认值

无默认值

选择透明度

预定义颜色

表单

0/100
你长相怎样?
星球表面的平均温度
Remove

行内表单

  • 密码 是必填项