精华内容
下载资源
问答
  • form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 功能...

    介绍

    form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

    文档 | github

    功能

    • 自定义组件

      • 可生成任何Vue组件
      • 自带数据验证
      • 轻松转换为表单组件
    • 通过 JSON 生成表单

    • 通过 Maker 生成表单

    • 强大的API,可快速操作表单

    • 双向数据绑定

    • 事件扩展

    • 局部更新

    • 数据验证

    • 栅格布局

    • 内置组件17种常用表单组件

    对比 1.x

    • 速度更快

    • 体积更小

    • 更强大的全局配置

    • 自定义组件更容易扩展

    • 更容易支持第三方 UI 库

    • 更少的 bug

    示例

    通过 JSON 创建表单
    https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif

    通过 API 操作表单
    https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif

    @form-create包说明

    名称说明
    @form-create/iviewiview 版表单生成器
    @form-create/element-uielement-ui 版表单生成器
    @form-create/coreform-create 核心包
    @form-create/utilsform-create 工具包
    @form-create/data省市区多级联动数据

    使用

    以element-ui版本为例介绍如何在项目中使用 form-create

    安装

    npm i @form-create/element-ui
    

    挂载

    全局注册

    import formCreate form '@form-create/element-ui';
    
    Vue.use(formCreate);
    

    局部挂载

    import formCreate form '@form-create/element-ui';
    
    export default {
        components:{
            formCreate:formCreaet.$form()
        }
    }
    

    生成表单

    <template>
        <form-create v-model="fApi" :rule="rule" @on-submit="onSubmit"></form-create>
    </template>
    
    export default {
      data () {
        return {
         //表单实例对象 $f
         fApi:{},
         //表单生成规则
         rule:[
           {
              type:'input',
              field:'goods_name',
              title:'商品名称'
            },
            {
              type:'datePicker',
              field:'created_at',
              title:'创建时间'
            }
         ]
        };
      },
      methods:{
          onSubmit(formData){
              //TODO 提交表单
          }
      }
    };
    

    效果

    form-create 效果图

    实例对象 $f

    可以通过 $f 快速操作表单,例如:

    • $f.hidden:隐藏指定组件
    • $f.validate:验证表单
    • $f.setValue:修改表单组件的值
    • $f.append:追加表单组件

    自定义组件

    生成

    通过标签生成

    {
        type:'el-button',
        name: 'btn',
        props:{
        	type:'primary',
        	field:'btn',
        	loading:true
        },
        children:['加载中']
    }
    

    通过模板生成

    {
        type:'template',
        name:'btn'
        template:'<el-button :loading="loading">{{text}}<el-button>',
        vm: new Vue({
          data:{
            loading:true,
            text:'加载中'
          }
        })
    }
    

    转换为表单组件

    自定义组件转换为表单组件后,可通过$f.formData,$f.getValue,$f.setValue,$f.disabled等方法快速操作组件,达到和内置组件相同的效果

    预定义

    props

    在自定义组件内部通过props接收一下属性

    • value 表单的值
    • disabled 组件的禁用状态

    例如:

    vm = Vue({
      props:{
       value:String,
       disabled:Boolean      
      }
    })
    

    input 事件

    通过input事件更新组件内部的值

    当组件值发生变化后,通过 input 事件更新值.例如:

    vm.$emit('input',newValue);
    

    挂载自定义组件

    要生成的自定义组件必须通过Vue.component方法挂载到全局,或者通过formCreate.component方法挂载

    例如:

    formCreate.component('TestComponent',component);
    

    或者

    Vue.component('TestComponent',component);
    

    生成

    表单组件必须定义field属性

    JSON

    {
        type:'TestComponent',
        value:'test',
        field:'testField',
        title:'自定义组件'
    }
    

    Maker

    formCreate.maker.create('TestComponent','testField','自定义组件').value('test')
    

    示例

    自定义计数器按钮组件,获取按钮点击数.该组件的功能和内置组件相同

    formCreate.maker.template('<el-button @click="onClick" long :disabled="disabled">计数器-{{num}}</el-button>', new Vue({
      props:{
        //预定义
        disabled:Boolean,
        value:Number,
      },
      data: function () {
        return {
            num: this.value,
        }
      },
      watch:{
        value(n){
            this.num = n;
        }
      },
      methods: {
        onClick: function () {
            this.num++;
            //更新组件内部的值
            this.$emit('input',this.num);
        },
      },
    }), 'tmp', '自定义 title').value(100).props('disabled',false)
    

    完整示例

    form-create示例.png

    展开全文
  • 主要介绍了PHP Web表单生成器,结合具体案例形式分析了PHP Web表单生成器基本功能需求、实现方法与操作注意事项,需要的朋友可以参考下
  • 自动表单生成器-源码

    2021-02-14 04:04:40
    自动表单生成
  • 届时, WordPress表单生成器插件将是您最好的朋友,但是您如何决定在可用的大量表单生成器中最有效地完成工作呢? 今天,我们将看一下七个最佳的WordPress表单生成器,以帮助您确定哪一个最适合您。 首先,让...

    如果您拥有WordPress网站,则有时甚至需要一个Web表单,即使它只是一个简单的联系表单。 届时, WordPress表单生成器插件将是您最好的朋友,但是您如何决定在可用的大量表单生成器中最有效地完成工作呢?

    今天,我们将看一下七个最佳的WordPress表单生成器,以帮助您确定哪一个最适合您。

    什么是WordPress表单生成器?

    首先,让我们讨论一下WordPress表单生成器是什么。 表单构建器是一个添加到WordPress网站的插件,无需任何专业的编码知识,即可轻松,快速地创建各种不同的表单。

    为什么要使用表单生成器

    最好的WordPress表单构建器最重要的是,它们允许您创建各种复杂程度的专业Web表单以满足您的需求。 因此,无论您是寻找最佳的联系表单还是进行调查的表单或获得客户反馈,使用WordPress表单生成器插件,您都可以创建正确的表单并将其快速轻松地嵌入到您网站的任何页面中。

    此外,您还可以使用表单构建器来设置表单,以便在有人填写表单,轻松地从表单收集数据,在一个位置浏览数据以及下载CSV,Excel和PDF格式的报告时收到通知。然后您可以进行分析和共享。

    因此,现在您知道什么是表单生成器以及为什么要使用它了,让我们看一下最好的插件以及它们提供的一些出色功能。

    1.

    FormCraft是一个出色的WordPress拖放式表单生成器,用于创建精美的Web表单。 该构建器使用WYSIWYG系统,因此您可以使用光标移动元素来创建表单中所需的外观和功能,并立即查看选择的结果。 使用FormCraft,您几乎可以创建所需的任何表单并将其嵌入到网站的任何页面上。

    表格制作
    表格制作

    您可以通过更改字体,修改布局,添加整个自定义配色方案,添加背景图像或徽标,甚至添加自定义CSS来调整表单的外观,从而广泛而轻松地自定义表单。

    但是,杰出的功能使FormCraft成为WordPress网站的最佳表单插件之一,它有可能通过许多出色的免费和付费插件扩展其功能,使其超出基本功能。 其中包括MailChimp,GetResponse,Campaign Monitor,Signature Pad等。

    最好的功能包括:

    • 轻松而广泛的定制
    • 触发器,条件逻辑,数学公式
    • 弹出表格
    • 网络表格分析
    • 集成帮助文件

    用户musicdealer谈到此拖放表单生成器:

    “我是WordPress和制作表格的新手。 我以前尝试过其他一些表单生成器。 这是一个非常易于使用的设计,具有很多选择,非常好用。 我在电子邮件设置方面遇到了一些问题,但是获得了出色的支持。 我还会买它的。”

    2. 电子表格

    eForm是其游戏顶部的灵活表单生成器。 借助其简单的拖放系统,您可以构建各种形式的联系方式,测验,用户反馈,调查,数据收集,付款和成本估算,以及您能想到的其他任何形式。

    电子表格
    电子表格

    所有表单条目都存储在eForm数据库中,因此您可以查看,跟踪,分析和处理捕获的数据。 eForm还与许多顶级电子邮件新闻通讯提供商和付款服务无缝集成。

    这个WordPress表单插件提供了30个主题,您可以通过拖放35个表单元素中的任何一个来构建所需的布局配置,以构建所需的布局,然后使用设置界面来决定您希望每个元素如何布局看。

    最好的功能包括:

    • WordPress Gutenberg支持
    • 成功消息,电子邮件和引用后的社交网络共享选项
    • Authorize.net付款集成
    • 带有自定义对话框按钮的弹出式表单
    • MailChimp,AWeber,获取响应和Campaign Monitor的第三方集成

    ies273用户说到该拖放表单构建器:

    “长期以来,我一直在寻找具有更多功能的模块。 我找到了! 我向所有人推荐此插件! 它具有强大的功能,一切正常,看起来很棒! 技术支持将帮助解决任何问题! 还有很多说明,我不是专业人士,但由于拥有如此称职的技术基础,因此能够理解所有内容! 我很高兴使用它!”

    3. 波形

    Quform是WordPress必须提供的最佳表单插件之一。 这个功能丰富的表单生成器对于新手来说很容易使用,但不会令更高级的用户失望。 WordPress表单插件提供了广泛的模板,可帮助您构建各种专门的表单,例如您自己的调查表和多项选择表单,用于预订的表单,RSVP,职位申请,售前问题,甚至是一个问题的表单可以嵌入到您网站上任何位置的访问者。

    变形
    变形

    拖放式表单生成器易于定制,以通过11个主题,可修改的配色方案和可缩放的元素大小以及创建自己的主题的功能来适合您的品牌。 您可以使用此生成器来处理。

    最好的功能包括:

    • 多页表格
    • 提交可以移动的按钮元素
    • 一次提交即可发送无限量的电子邮件
    • 通知的条件逻辑
    • 在通知中添加附件

    用户Highexodus关于此WordPress表单生成器说:

    “ Envato上最好的开发商之一。 出色的代码质量和出色的客户支持! 对Quform感到非常满意。”

    4. ARForms

    ARForms是另一种表单构建器,能够创建从简单联系表单到多步骤表单和调查样式表单的任意数量的表单。 它包含29个表单元素,例如复选框,单选按钮,滑块,多文件上传等,但是其独特的卖点是它具有创建弹出表单的能力,因此不需要专门的弹出插件。 使用此功能,您可以将弹出式窗体设置为在六个不同的触发器上打开。

    表格
    表格

    就像任何表单构建者都应该付出的努力一样,ARForms还允许您通过生动,用户友好的图形和图表(包括显示您提交的所有内容的世界地图)监视所有表单的活动。

    ARForms具有15种配色方案可以完全自定义以匹配您的品牌,并提供12种不同的表单模板和40多种现成的示例表单供下载。

    最好的功能包括:

    • 增强的条件逻辑和数学逻辑
    • 提交表格确认书和摘要
    • 电子邮件营销准备就绪
    • 强大的分析
    • 大量的附件

    lloydhester用户谈到了此拖放式表单生成器:

    “这是一个很棒的插件。 我已经使用了一段时间了,它变得越来越强大。 他们的客户支持反应Swift且很有帮助,即使这是我的问题,而与插件无关。”

    5. NEX表格

    NEX-Forms与上面的其他四个表单构建器一样,可通过简单易用的拖放系统帮助您创建所需的任何表单布局。 它在此列表中拥有自己的列表,具有30多个表单字段和元素以及广泛的自定义功能,可让您轻松设置表单中任何元素的样式。 它还提供了折线图,条形图,饼图,极坐标图和雷达图的出色分析。

    NEX表格
    NEX表格

    此外,NEX-Forms还为您提供地理位置统计信息,以便您知道表单提交的来源。 所有表单提交都存储在您的数据库中,并且可以从管理面板中查看。 您还可以根据自己的标准从表单提交中生成报告,并将报告导出为CSV和PDF。

    最好的功能包括:

    • 成本估算和数学逻辑
    • 互动形式
    • 条件逻辑
    • 多步骤表格和在线测验
    • 提交报告和出口

    用户对WordPress表单插件的看法是:

    “非常可定制和灵活的。 我已经通过其MailChimp和PDF报告附件扩展了它的功能。 支持也很棒。 我的票在24小时内得到了回应。”

    6. TotalPoll专业版

    与上面介绍的表单构建器不同, TotalPoll Pro不是多表单构建器。 那么为什么要包含它呢? 出于同样的原因,我在下面列出了WP成本估算和付款表格生成器 。 因为有时您需要一个专家工具而不是多功能工具,并且在您这样做时,您需要知道什么是出色的选择。

    TotalPoll专业版
    TotalPoll专业版

    TotalPoll Pro当然是一款出色的插件,可让您创建简单或复杂的民意调查,并将其轻松集成到WordPress网站中。 该插件可让您自定义民意调查设计的各个方面,并使用实时预览功能查看您的工作。

    最好的功能包括:

    • 无限民意调查
    • 用户友好的界面,移动优先
    • 详细的统计数据和结果
    • SEO友好

    用户Johrans说到此WordPress表单插件:

    “支持,产品质量,文档,都很棒。 感谢您的插件和支持!”

    7. WP成本估算和付款表格生成器

    WP Cost Estimation&Payment Forms Builder是另一个专门的插件,使创建各种估算和付款表格以及用于管理日历和事件的预订系统变得非常容易。 尽管它没有提供这里的第一个插件提供的广泛功能,但是在创建用于估算成本和付款的WordPress表单时,它仍然是同类产品中的佼佼者。

    WP成本估算付款表格生成器
    WP成本估算和付款表格生成器

    客户使用表格提出请求后,将通过电子邮件或通过PayPal或Stripe计算并发送他们的估计或订单,他们可以将其用于付款。 在此过程中,您还可以选择将客户的电子邮件发送到您的MailChimp,MailPoet或GetResponse列表。

    此外,出色的预订系统使您可以将特定的日历分配给表单上的日期选择器,以自动注册新的订单和事件。

    最好的功能包括:

    • PayPal和Stripe付款
    • WooCommerce支持
    • 条件逻辑
    • 预订和日历管理
    • 估算和付款可与订阅一起使用

    用户VideoLogic说到此WordPress表单插件:

    “该插件很棒。 您想象中的一切都可以做到。 您可以看到该软件是由很多知识和知识组成的。 支持非凡,超快速,非常有用且有用。 毫无疑问,我将使用很长时间。”

    选择您的WordPress表单插件

    关于我们看过的前五个插件( FormCrafteFormQuformARFormsNEX-Forms) ,最好的事情是您不会犯错。 它们具有几乎相同的灵活性和范围,并且都是高度可定制和可靠的。

    至于我们回顾的最后两个插件,使用它们的全部目的是通过表单构建器磨练所需的特定功能。 TotalPoll Pro是与民意测验有关的所有方面的大师,就像WP Cost Estimation&Payment Forms生成器在创建各种估算和付款表时将市场垄断了一样。

    查看这些惊人的WordPress表单生成器,并在下面的评论中让我们知道您更喜欢哪一种。

    翻译自: https://code.tutsplus.com/articles/choose-a-form-builder-the-7-best-wordpress-form-builders-compared--cms-32768

    展开全文
  • js 表单生成器,根据参数生成form表单

    千次阅读 2018-11-16 13:11:01
    具有数据收集、校验和提交功能的表单生成器,支持双向数据绑定和事件扩展,组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,颜色选择,滑块,评分,框架,树型,文件/图片...

    form-create

    version npm JS gzip size

    具有动态渲染、数据收集、校验和提交功能的表单生成器,支持双向数据绑定和事件扩展,组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,颜色选择,滑块,评分,框架,树型,文件/图片上传等功能组件。

    已支持 iview3

    Github | Gitee | Npm | form-create 文档

    图例 demo

    安装

    npm install form-create
    

    OR

    git clone https://github.com/xaboy/form-create.git
    cd form-create
    npm install
    

    运行

    npm run dev
    

    OR

    双击打开 demo/index.html

    引入

    浏览器:

    <!-- import Vue 2.5-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
    
    <!-- import iview 2.14.3-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/iview@2.14.3/dist/styles/iview.css">
    <script src="https://cdn.jsdelivr.net/npm/iview@2.14.3/dist/iview.min.js"></script>
    
    <!-- 省市区三级联动json数据,不使用三级联动不需要引入 -->
    <script src="district/province_city_area.js"></script>
    
    <!-- 模拟数据,实际使用中不需要引入 -->
    <script src="demo/mock.js"></script>
    
    <!-- import formCreate -->
    <script src="dist/form-create.min.js"></script>
    

    NodeJs:

    import Vue from 'vue';
    import iView from 'iview';
    import 'iview/dist/styles/iview.css';
    import formCreat from 'form-create'
    
    //三级联动数据,不用可以不引入
    import 'form-create/district/province_city_area.js'
    //示例规则,实际使用中不需要引入
    import 'form-create/mock.js'
    
    Vue.use(iView);
    Vue.use(formCreat)
    

    Demo

    使用 maker 生成器生成: demo

    使用 json 生成: demo

    各组件生成: demo

    三种模式创建表单

    说明:
    mock() 为表单生成规则
    root 为表单插入节点
    $f 为表单实例

    标签模式

    标签模式下 rule 规则发生变化会实时动态渲染表单

    <div id="app1">
        <form-create ref="fc" :rule="rule" :option="option"></form-create>
    </div>
    
    let rules = mock();
    new Vue({
        el:'#app1',
        data:{
            //表单生成规则
            rule:rules,
            //组件参数配置
            option:{
                //显示表单重置按钮
                resetBtn:true,
                //表单提交事件
                onSubmit:function (formData) {
    
                    //formData为表单数据
    
                    //按钮进入提交状态
                    this.$f.btn.loading();
                    //重置按钮禁用
                    this.$f.resetBtn.disabled();
    
                    //重置按钮恢复正常
                    //this.$f.resetBtn.disabled();
                    //按钮进入可点击状态
                    //this.$f.btn.loading(false);
                }
            },
            //初始化变量
            $f: {},
            model: {}
        },
        mounted:function () {
    
            //获取表单api
            this.$f = this.$refs.fc.$f;
    
            //获取双向数据绑定的数据规则
            this.model = this.$f.model();
        }
    });
    

    构造方法

    <div id="app2">
        <div id="form-create"></div>
    </div>
    
    let rules = mock();
    new Vue({
        el:'#app2',
        data:{
            //初始化变量
            $f:{},
            model:{}
        },
        mounted:function () {
    
            //表单插入的节点
            const root = document.getElementById('form-create');
    
            //$f为表单api
            this.$f = this.$formCreate(
                //表单生成规则
                rules,
                //组件参数配置
                {
                    el:root,
                    //显示表单重置按钮
                    resetBtn:true,
                    //表单提交事件
                    onSubmit:function (formData) {
    
                        //formData为表单数据
    
                        //按钮进入提交状态
                        this.$f.btn.loading();
                        //重置按钮禁用
                        this.$f.resetBtn.disabled();
    
                        //重置按钮恢复正常
                        //this.$f.resetBtn.disabled();
                        //按钮进入可点击状态
                        //this.$f.btn.loading(false);
                    }
            });
    
            //获取双向数据绑定的数据规则
            this.model = this.$f.model();
        }
    
    })
    

    全局方法

    <div id="app3">
        <div id="form-create"></div>
    </div>
    
    //表单插入的节点
    var root = document.getElementById('form-create'),rules = mock();
    //初始化变量
    var $f = {},model = {};
    
    //$f为表单api
    $f = window.formCreate(
        //表单生成规则
        rules,
        //组件参数配置
        {
            el:root,
            //显示表单重置按钮
            resetBtn:true,
            //表单提交事件
            onSubmit:function (formData) {
    
                //formData为表单数据
    
                //按钮进入提交状态
                $f.btn.loading();
                //重置按钮禁用
                $f.resetBtn.disabled();
    
                //重置按钮恢复正常
                //$f.resetBtn.disabled();
                //按钮进入可点击状态
                //$f.btn.loading(false);
            }
    });
    
    //获取双向数据绑定的数据规则
    model = $f.model();
    

    PHP 表单生成器

    展开全文
  • 提交表单生成html文件

    2010-08-24 16:49:46
    提交表单生成html文件 提交表单生成html文件 提交表单生成html文件
  • form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 演示...
  • 主要介绍了Yii不依赖Model的表单生成器用法,以实例形式对比分析了不依赖Model的表单生成器实现方法,是非常实用的技巧,需要的朋友可以参考下
  • Formoid是令人惊讶的简单,直观且功能强大的引导程序表单生成器,可用于更快地进行Web表单开发,线框图和嵌入。 在几秒钟内创建注册表单,调查表,订单,事件注册等! 没有编码! Modern Flat,Metro,Bootstrap表单...
  • 表单生成器 即时创建html输入表单 安装 npm install @uportal/form-builder 用法 < form-builder fbms-base-url =" /fbms " fbms-form-fname =" communication-preferences " oidc-url =" /uPortal/api/v5-1/...
  • PHP表单生成器,快速创建Form表单

    千次阅读 2018-07-21 12:07:05
    PHP表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等功能。 github地址 本项目还在不断开发完善中,如...

    form-builder

    PHP表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等功能。

    github地址

    本项目还在不断开发完善中,如有建议或问题请在这里提出

    安装

    composer require xaboy/form-builder

    示例

    示例

    各组件配置属性 点击查看

    配置表单提交成功的回调

    请在 config/config.php中配置formSuccessScript属性。设置为form提交成功后的js代码或js地址,重新window.formCreate.formSuccess方法(带<script>标签) 或者直接修改formScript.php

    回调方法

        formCreate.formSuccess = function(res,$r) {
            //TODO 表单提交后的操作
        }
    

    配置方法

    [
        $form->setSuccessScript('<script src="collback.js"></script>');
        //OR
        $form->setSuccessScript('<script>
            formCreate.formSuccess = function(res,$r) {
                //TODO 表单提交后的操作
            }
        </script>');
    ]
    

    代码

    
    namespace Test;
    use FormBuilder\Form;
    
    //input组件
    $input = Form::input('goods_name','商品名称');
    
    //日期区间选择组件
    $dateRange = Form::dateRange(
        'limit_time',
        '区间日期',
        strtotime('- 10 day'),
        time()
    );
    
    //省市二级联动组件
    $cityArea = Form::city('address','收货地址',[
        '陕西省','西安市'
    ]);
    
    $checkbox = Form::checkbox('label','表单',[])->options([
        ['value'=>'1','label'=>'好用','disabled'=>true],
        ['value'=>'2','label'=>'方便','disabled'=>true]
    ]);
    
    //创建form
    $form = Form::create('/save.php',[
        $input,$dateRange,$cityArea,$checkbox
    ]);
    
    $html = $form->setMethod('get')->setTitle('编辑商品')->view();
    
    //输出form页面
    echo $html;
    

    组件

    namespace \FormBuilder\Form

    • Form::cascader 三级联动,value为array类型

    • Form::city 省市二级联动,value为array类型

    • Form::cityArea 省市区三级联动,value为array类型

    • Form::checkbox 复选框

    • Form::color 颜色选择

    • Form::date 日期选择

    • Form::dateRange 日期区间选择,value为array类型

    • Form::dateTime 日期+时间选择

    • Form::dateTimeRange 日期+时间 区间选择,value为array类型

    • Form::year 年份选择

    • Form::month 月份选择

    • Form::frame frame组件

    • Form::frameInputs frame组件,input类型,value为array类型

    • Form::frameFiles frame组件,file类型,value为array类型

    • Form::frameImages frame组件,image类型,value为array类型

    • Form::frameInputOne frame组件,input类型,value为string|number类型

    • Form::frameFileOne frame组件,file类型,value为string|number类型

    • Form::frameImageOne frame组件,image类型,value为string|number类型

    • Form::hidden hidden组件

    • Form::number 数字输入框

    • Form::input input输入框,其他type: text类型Form::text,password类型Form::password,textarea类型Form::textarea,url类型Form::url,email类型Form::email,date类型Form::idate

    • Form::radio 单选框

    • Form::rate 评分组件

    • Form::select select选择框

    • Form::selectMultiple select选择框,多选,value为array类型

    • Form::selectOne select选择框,单选

    • Form::slider 滑块组件

    • Form::sliderRange 滑块组件,区间选择,

    • Form::switches 开关组件

    • Form::timePicker

    • Form::time 时间选择组件

    • Form::timeRange 时间区间选择组件,value为array类型

    • Form::upload 上传组件

    • Form::uploadImages 多图上传组件,value为array类型

    • Form::uploadFiles 多文件上传组件,value为array类型

    • Form::uploadImageOne 单图上传组件

    • Form::uploadFileOne 单文件上传组件

    select,checkbox,radio配置options

    • option($value, $label, $disabled = false) 单独设置选项
    • options(array $options, $disabled = false) 批量设置选项
    • setOptions($options, $disabled = false) 批量设置选项 支持匿名函数

    输出

    namespace \FormBuilder\Json

    • Json::succ(msg,data = []) 表单提交成功
    • Json::fail(errorMsg,data = []) 表单提交失败
    • Json::uploadSucc(filePath,msg) 文件/图片上传成功,上传成功后返回文件地址
    • Json::uploadFail(errorMsg) 文件/图片上传失败

    Js表单生诚器:form-create

    展开全文
  • Web表单生成

    2019-03-31 18:47:00
    Web表单生成器 新建三个PHP文件:data.php–function.php–index.php 1、dataq.php:用来保存web表单的数据。 2.function.php:表单生成器的核心–输入表单运行所需的函数代码。 3、index.php:表单的运行文件。...
  • 简洁方便的 iOS 表单生成器.zip,swift中优雅的ios表单生成
  • 超人气表单重复代码生成器帮助,给各位web程序猿、攻城狮好东东,大家都被重复的代码折磨的不成样子。特别是在写表单的时候,接收表单数据的时候,大量 的重复输入让我们很痛苦。有了超人气表单重复代码生成器,大家...
  • MongoDB动态表单生成工具 [ 简介 ] 这是一个基于CodeIgniter框架,使用MongoDB存储的动态表单生成工具。 前台界面采用了Bootstrap前端框架,并提供可拖拽表单域元素来构成不同的表单。 [ 使用方法 ] 1. 安装配置好...
  • 简单表格生成器 ASP.NET MVC 简单表单生成
  • PHP表单生成器,快速生成现代的表单表单。包含布局,单选框,输入框,拖放选择框等元素以及省市区三级联动,时间选择,日期选择,颜色选择,树型,文件/图片上传等功能。 文件 环境需求 PHP> = 5.4 支持UI 视点 ...
  • 表单生成器 具有轻松拖放界面和多种字段类型的在线表单生成器,因此可以构建完美的在线表单。 待办事项 突出显示单选和复选框类型 编辑现有问题
  • form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 功能...
  • Rails Bootstrap Forms - rails表单生成器,很容易将Twitter Bootstrap 3 风格表单集成到你的rails应用程序中
  • WordPress 表单生成器插件 - Gutenberg Forms 是下一代 WordPress 表单生成器。 直接在古腾堡编辑器中实时构建表单。 添加和排列表单字段,如块。 描述 WordPress 表单生成器插件 - Gutenberg Forms 现有的表单...
  • 可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器 介绍 轻松搞定 form 表单,让你不在为表单而烦恼 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的...
  • destroydemo:变形表单生成框架演示应用程序
  • element ui表单生成

    2020-11-30 10:28:49
    element ui表单生成器 https://mrhj.gitee.io/form-generator/#/

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 254,948
精华内容 101,979
关键字:

表单生成