We're sorry but formulate-el-ui doesn't work properly without JavaScript enabled. Please enable it to continue.
按钮体系
Button
点击
Submit
提交
不可点击的 submit
Submit me
Box 体系
单一 Checkbox
你喜欢 vueformulate 吗?
不可点击的 Checkbox
你喜欢 vueformulate 吗?
多个 checkbox
你最喜欢哪种的水果?
苹果
香蕉
橘子
西瓜
可以多选,也可以单选
多可不可点击的 checkbox
你最喜欢哪种的水果?
苹果
香蕉
橘子
西瓜
可以多选,也可以单选
单选框
你想参观什么沉重的物体?
月球
火星
进行
水星
太阳
单选不可点击的单选框
你想参观什么沉重的物体?
月球
火星
进行
水星
太阳
文件体系
单一文件
上传一个文件
选择任意文件上传
单一文件(只读)
上传一个文件
选择任意文件上传
多文件
上传文件
apple.pdf
+ Add File
选择任意 pdf 文件上传
多文件(只读)
上传文件
选择任意 pdf 文件上传
图片
你长相怎样?
选择一个图片上传
分组体系
一个不可重复的分组
城市
区/县
请选择一个区县
Nebraska
Missouri
Virginia
简单的可重复分组
Remove
尝试着添加一条
可重复分组
邀请一些新用户
删除用户
姓名
邮箱
删除用户
姓名
邮箱
删除用户
姓名
邮箱
添加新用户
下拉选择体系
下拉选择器
哪个星球最热呢?
月球
火星
进行
水星
太阳
星球表面的平均温度
谁制造了最好的火箭呢?
SpaceX
United Launch Alliance
Avio
Aerojet Rocketdyne
Russians
选择你最喜欢的
带 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
性别
男
女
擅长的语言
javascript
css
vue
jquery
擅长的语言
javascript
css
vue
jquery
用户头像
你长相怎样?
最热的星球
选择一个星球
月球
火星
进行
水星
太阳
星球表面的平均温度
旅行计划
Remove
日期
城市
北京
上海
深圳
青岛
景点
添加旅行计划
提交
行内表单
个性签名
个性签名
密码
密码 是必填项
个性签名
个性签名
个性签名
个性签名