表单设计器(新)

好久没登录帐号了,发现有好多私信。

有需求的人还是很多的,于是我就把最新版的表单设计器从系统中抽离了出来,纯静态版本,因为有跨域操作,需放到服务器上运行。

最近我也还会把新版的流程设计器发表出来,使用拉斐尔开发的,全浏览器兼容,请关注我的最新更新。

 

有需求和有问题的可以联系加我QQ:1061684358

 

下面看看表单设计器的详细介绍:

 

1.整体界面

表单设计器(新)_第1张图片
 

2.单行输入框

表单设计器(新)_第2张图片
 

是否必填,验证是否是数字,支持密码、隐藏域、文件上传等
表单设计器(新)_第3张图片
 

3.多行输入框

可以选择为HTML编辑框,详细见预览页面

表单设计器(新)_第4张图片
 

4.下拉选择框

表单设计器(新)_第5张图片
 

5.单选多选框

可以切换单选和多选

表单设计器(新)_第6张图片
 

6.列表控件

表单设计器(新)_第7张图片
 

支持多种类型数据,日期,数字和文本等,并且提供计算公式,求和

表单设计器(新)_第8张图片
 

求和和计算公式预览效果
表单设计器(新)_第9张图片
 

7.日期控件

表单设计器(新)_第10张图片
 

8.计算控件

可以对多个输入框的数据进行公式计算

表单设计器(新)_第11张图片
 
表单设计器(新)_第12张图片
 

9.宏控件

表单设计器(新)_第13张图片
 

10.通用选择框控件

具体开发要根据自己使用的系统,开发对应的控件代码

表单设计器(新)_第14张图片
 

11.数据选择控件

具体开发要根据自己使用的系统,开发对应的控件代码

表单设计器(新)_第15张图片
 

12.模版选择

可以添加一些经常使用的模版,设计时可以进行载入

表单设计器(新)_第16张图片
 
表单设计器(新)_第17张图片
 
表单设计器(新)_第18张图片
 

13.预览表单

预览表单,可以模拟提交,模拟验证是否必填、是否为数字等。

表单设计器(新)_第19张图片
 
表单设计器(新)_第20张图片
 
表单设计器(新)_第21张图片
 

14.保存表单

返回设计的源代码,可以将源代码保存到数据库中

表单设计器(新)_第22张图片
 

15.查看源代码

表单设计器(新)_第23张图片
 

你可能感兴趣的:(JavaScript,jquery,Web,前端,表单设计器,可视化)