All Projects → xaboy → Form Builder

xaboy / Form Builder

Licence: mit
PHP表单生成器,快速生成现代化的form表单,支持前后端分离。内置复选框、单选框、输入框、下拉选择框,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等17种常用组件。

Projects that are alternatives of or similar to Form Builder

Elm Form
Dynamic forms handling in Elm
Stars: ✭ 189 (-68.86%)
Mutual labels:  form, form-builder
antd-react-form-builder
Example
Stars: ✭ 74 (-87.81%)
Mutual labels:  form, form-builder
Angular Surveys
Angular survey / form builder inspired by Google Forms
Stars: ✭ 219 (-63.92%)
Mutual labels:  form, form-builder
Forms
📝 Simple form & survey app for Nextcloud
Stars: ✭ 127 (-79.08%)
Mutual labels:  form, form-builder
Laraform
Reactive Form Builder for Vue.js with Laravel Support
Stars: ✭ 259 (-57.33%)
Mutual labels:  form, form-builder
Core
The Form Tools Core.
Stars: ✭ 156 (-74.3%)
Mutual labels:  form, form-builder
React Hook Form
📋 React Hooks for form state management and validation (Web + React Native)
Stars: ✭ 24,831 (+3990.77%)
Mutual labels:  form, form-builder
Ngx Dynamic Form Builder
FormBuilder + class-transformer + class-validator = dynamic form group builder for Angular10+
Stars: ✭ 93 (-84.68%)
Mutual labels:  form, form-builder
fform
Flexibile and extendable form builder with constructor
Stars: ✭ 26 (-95.72%)
Mutual labels:  form, form-builder
grav-plugin-form
Grav Form Plugin
Stars: ✭ 48 (-92.09%)
Mutual labels:  form, form-builder
Form For
ReactJS forms made easy
Stars: ✭ 118 (-80.56%)
Mutual labels:  form, form-builder
Vue Form Builder
Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.
Stars: ✭ 292 (-51.89%)
Mutual labels:  form, form-builder
React Native Form Builder
Handle your forms in a smart way
Stars: ✭ 113 (-81.38%)
Mutual labels:  form, form-builder
Kformmaster
Generic form builder in Kotlin
Stars: ✭ 172 (-71.66%)
Mutual labels:  form, form-builder
Formeditor
A form builder editor for Umbraco 7 - let your editors build forms easily with this free package.
Stars: ✭ 95 (-84.35%)
Mutual labels:  form, form-builder
react-jsonschema-formbuilder
No description or website provided.
Stars: ✭ 45 (-92.59%)
Mutual labels:  form, form-builder
Redaxo yform
YForm für REDAXO 5 – Formulare im Frontend und Backend mit Verwaltung von Datenbank-Tabellen.
Stars: ✭ 60 (-90.12%)
Mutual labels:  form, form-builder
Formium
The headless form builder for the modern web.
Stars: ✭ 78 (-87.15%)
Mutual labels:  form, form-builder
react-cool-form
😎 📋 React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (-59.47%)
Mutual labels:  form, form-builder
Form Create
🔥🔥🔥 强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
Stars: ✭ 3,698 (+509.23%)
Mutual labels:  form, form-builder

form-builder

MIT xaboy version php version

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

demo1 demo2

文档

文档

环境需求

  • PHP >= 5.4

支持 UI

  • IView
  • ElementUI

功能介绍

  • 内置17种常用的表单组件
  • 支持表单验证
  • 支持生成任何 Vue 组件
  • 支持栅格布局
  • 支持注解
  • 可以配合 form-create 生成更复杂的表单

内置组件

  • hidden
  • input
  • inputNumber
  • checkbox
  • radio
  • switch
  • select
  • autoComplete
  • cascader
  • colorPicker
  • datePicker
  • timePicker
  • rate
  • slider
  • upload
  • tree
  • frame

安装

使用 composer:

$ composer require xaboy/form-builder:~2.0

DEMO

下载项目

git clone https://github.com/xaboy/form-builder.git

开启服务

cd form-builder
php -S 127.0.0.1:8112

查看 Demo

演示项目

开源的高品质微信商城

演示地址: http://demo25.crmeb.net 账号:demo 密码:crmeb.com

使用建议

  1. 建议将静态资源加载方式从 CDN 加载修改为自己本地资源或自己信任的 CDN
  2. 建议根据自己的业务逻辑重写默认的表单生成页 默认表单生成页

组件生成效果

https://raw.githubusercontent.com/xaboy/form-builder/2.0/images/components.png

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].