6款优秀的报表表单设计器(如何设计报表)

yumo6662个月前 (04-29)技术文章22

VeryReport填报设计器

VeryRepor表单设计器功能特点如下:

1、拖拽式表单控件

通过拖拽完成填报表单设计
不同数据源单元设置任意数据库字段,实现任意复杂填报应用

2、全面的表单控件

支持文本、文本域、数字、密码控件
支持单选、复选、下拉框、下拉树、日期控件
支持图片上传、插入行、删除行控件

VeryReport填报设计器:
https://www.veryreport.com/fillDesign

JotForm 在线表单设计器

JotForm 易于使用的在线表单设计器,为企业业务数据设计表单和收集数据,例如可设计一些订单信息表、客户信息表等, 是所见所得的

在线定义表单,界面操作比较简单,拖动HTML元素组件即可,并集成各种验证组件,JotForm自带多种样式的模板, 提供许多免费的表单样式。

特点:JotForm 内建超过2,500 种以上的表单案例,无论是联系表格、注册表单、问卷调查、满意度调查、工作申请表、出席意愿表等等,
几乎都可以直接获取使用。

JotForm:https://www.jotform.com



Ueditor Formdesign Plugins Web表单设计器

Ueditor Formdesign 是开源免费的表单设计器,可应用于工作流管理系统、OA等,是一款可视化的Web表单构建器,HTML元素组件
较丰富,主要包含:文本框、多行文本、下拉菜单、单选框、复选框、宏控件、进度条等,并可以生成二维码。
官方页:
http://formdesign.leipi.org



FCKeditor 编辑器

FCKeditor 是一款开源的所见所得网页文本编辑器,可通过CKeditor设置表格,在表格中定义表单元素,主要支持文本框、复选框、
单选框、单行文本、多行文本、列表、按钮、图片、隐藏域。



JQueryFormBuilder 表单构件器

FormBuilder 是一款开源的使用Jquery编写的Web表单构件器, 操作简单,一个轻量级JS组件,可以容易地与其他系统集成,
通过拖拉生成表单元素,支持复选框、日期、上传文件、隐藏域、列表、下拉框、文本域等。
在线插件
:https://github.com/kevinchappell/formBuilder

在线演示
:https://kevinchappell.github.io/formBuilder



Bootstrap 表单构造器

采用Bootstrap开发的表单构造器,可与其他应用系统集成,通过拖拽组件的方式生成完整可用的表单。
在线演示:
http://www.bootcss.com/p/bootstrap-form-builder


数据提交成功页面,可轻松查看该表单数据的流程流转情况

相关文章

html开发笔记22-表单元素「用户名、密码、单选框、多选框」

一、表单元素介绍【用户名、密码、单选框、多选框】1、表单:就是从网页上看见的各种各样的框,比如 登陆框、同意协议的选项框、下拉框、只能选男女的选框等。二、演示:主要代码在下面三、代码实现:用户名、密码...

JavaScript 控制文本框和文本域(js设置文本框内容)

文本框是表单中与用户打交道最多的元素之一,它包括单行文本框<input type="text">和多行文本框<textarea>,更广义的还可以包括密码输入框&...

超文本标记语言表单标签详解,教你如何合理利用表单收集用户信息

无论我们使用什么语言来完成web开发,都必然会用到HTML表单标签,HTML表单标签在开发中经常会被我们用来去收集我们想要得到的数据信息,基本上所有的网页都有表单的利用,表单合理的使用和布局是作为一个...

HTML基础知识(三) HTML标签知识2(html标签及作用)

6.图像标签和路径(1) <img>标签用于定义图像,src为必须属性(2) 特点:属性采取键值对的格式,即key="value"(3) 路径a.目录文件夹和根目录(目录文...

[北大青鸟广州新嘉华]HTML5 表单属性有哪些?(1)

在编写HTML5页面时,我们很多时候都需要用到表单属性,那么HTML5作为一个新晋IT界红人,HTML5表单属性有哪些呢?今天先来分享一下其中的<form> / <input>...