formbuilder/htmlformbuilder

简单的HTML表单构建器

dev-master 2019-05-07 07:17 UTC

This package is not auto-updated.

Last update: 2024-10-02 15:33:41 UTC


README

本项目旨在创建一个简单的表单构建器包,该包将只包含四种输入类型:(i)文本,(ii)复选框,(iii)单选按钮,(iv)下拉菜单。该包可以将样式、值和类型传递给辅助工具。

表单构建器

安装

使用Composer安装此包。

    composer require formbuilder/htmlformbuilder

Laravel 5.5+

如果您不使用自动发现,请将ServiceProvider添加到config/app.php中的providers数组中

formBuilder\htmlFormBuilder\htmlFormBuilderServiceProvider::class,

输入标签

我们将按照以下方式使用此模板:

@include('htmlFormBuilder::input', ['data'=>$dataUsername])

其中数据是一个具有以下结构的键值数组

$dataUsername = [
    'ids' => ['username'],
    'classes' => ['form-control'],
    'type' => 'text',
    'name' => 'username',
    'values' => [
        'prev_value' => 'xyz'
    ],
    'required' => true
];
选择标签

我们将按照以下方式使用此模板:

@include(“'htmlFormBuilder::select”, [“data” => $data])

其中数据是一个具有以下结构的键值数组

$dataSelect = [
    'ids' => ['select'],
    'classes' => ['custom-select mr-sm-10'],
    'name' => 'select',
    'type' => 'select',
    'values' => [
        'value1' => 'front-end',
        'value2' => 'back-end',
        'value3' => 'DBAdmin'
    ],
    'active' => 'value2',
    'required' => true
];

如果活动值为“null”,则会生成一个默认值并将其放在选项列表的顶部,否则“活动”值将放在选项列表的顶部。

单选按钮

我们将按照以下方式使用此模板:

@include('htmlFormBuilder::radio', ['data'=>$dataRadio])

其中数据是一个具有以下结构的键值数组

$dataRadio = [
    'ids' => ['radio'],
    'classes' => [''],
    'name' => 'radio',
    'values' => [
        'value1' => '10:00 AM - 06:00PM',
        'value2' => '11:00 AM - 07:00PM'
    ],
    'active' => null,
    'required' => true
];

如果活动值不是“null”,则必须选择活动值。

复选框

我们将按照以下方式使用此模板:

@include('htmlFormBuilder::checkbox', ['data'=>$dataCheckBox])

其中数据是一个具有以下结构的键值数组

$dataCheckBox = [
    'ids' => ['checkbox'],
    'classes' => [''],
    'name' => 'checkbox',
    'values' => [
        'value1' => '06-05-2019',
        'value2' => '07-05-2019'
    ],
    'required' => true
];