建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

使用拖放方式创建表单组件formBuilder.js

来源:易助科技网浏览量:23收藏

简介

Formbuilder.js是一个图形界面,是一个100%的客户端插件,它让用户能够使用直观的拖放界面创建表单。FormBuilder支持许多表单字段和一些html标记,它是一个可以集成到应用程序中的轻量级组件。

Formbuilder.js只处理创建表单的客户端逻辑。它会输出表单的结构化JSON表示,但保存表单、在服务器上呈现表单以及存储用户的响应都取决于您。如果您使用的是Rails,那么还有Formbuilder.rb,这是一个Rails引擎,旨在提供这种服务器端功能。

特性:

1. 自定义-只启用您需要的字段,使用您自己的通知附加或预附加内容等等;

2.集成Bootstrap,但不依赖它;

3.

(下载的附件中附有DENO)



使用

1.  引入 formbuilder.js 和 formbuilder.css 文件


2.  HTML


<div id='formbuilder'></div>


3.  调用


<script>
  var formbuilder = new Formbuilder({ selector: '#formbuilder' });
</script>



相关链接

GitHub 地址 :https://github.com/moflo/formbuilder

Gitee 地址 :https://gitee.com/mirrors/jquery-formbuilder

官网地址:https://formbuilder.online/

在线演示 :  https://codepen.io/kevinchappell/pen/PNZZmw