form-builder
PHP表單生成器,使用PHP快速建立現代化的form表單,包含複選框、單選框、輸入框、下拉選擇框等元素以及,省市區三級聯動,時間選擇,日期選擇,顏色選擇,文件/圖片上傳等功能。php
Github地址 | Composer地址html
若是對您有幫助,您能夠點右上角 "Star" 支持一下 謝謝!
本項目還在不斷開發完善中,若有建議或問題請在這裏提出
安裝
composer require xaboy/form-builder
git
示例
各組件配置屬性 點擊查看github
請在 config/config.php
中配置formSuccessScript
屬性。設置爲form提交成功後的js代碼或js地址,從新window.formCreate.formSuccess
方法(帶<script>
標籤) 或者直接修改formScript.php
composer
namespace Test;
use FormBuilder\Form;
//input組件
$input = Form::input('goods_name','商品名稱');
//日期區間選擇組件
$dateRange = Form::dateRange(
'limit_time',
'區間日期',
strtotime('- 10 day'),
time()
);
//省市二級聯動組件
$cityArea = Form::city('address','收貨地址',[
'陝西省','西安市'
]);
//建立form
$form = Form::create('/save.php',[
$input,$dateRange,$cityArea
]);
$html = $form->setMethod('get')->setTitle('編輯商品')->view();
//輸出form頁面
echo $html;
組件
namespace \FormBuilder\Form
ide
- 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 單文件上傳組件
輸出
namespace \FormBuilder\Json
ui
- Json::succ(msg,data = []) 表單提交成功
- Form::fail(errorMsg,data = []) 表單提交失敗
- Form::uploadSucc(filePath,msg) 文件/圖片上傳成功,上傳成功後返回文件地址
- Form::uploadFail(errorMsg) 文件/圖片上傳失敗