formulate-el-ui

按钮体系

Button

Submit

不可点击的 submit

Box 体系

单一 Checkbox

你喜欢 vueformulate 吗？

不可点击的 Checkbox

你喜欢 vueformulate 吗？

多个 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 颜色选择器

有默认值

背景色

无默认值

背景色

选择透明度

背景色

预定义颜色

背景色

行内表单