kholy/formbuilder

用于在 Laravel 中创建面向数据的 HTML Bootstrap 表单的 Form Builder 库

维护者

详细信息

github.com/AhmadAlkholy/Form-Builder-Laravel-Package

源代码

问题

安装: 11

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

公开问题: 0

语言:Blade

dev-master 2021-09-26 09:27 UTC

MIT 2e27a0ad50e3ea37fac7fdf23c075b2c4d7a94ec

  • Ahmed Alkholy <ahmedalkholy49.woop@gmail.com>

javascriptformbuilderlaravel

This package is not auto-updated.

Last update: 2024-09-23 02:34:21 UTC

README

创建面向数据的 HTML 表单的库

用法

在控制器中简单使用

$form = FormBuilder::form(['action' => route('test'), 'method' => 'POST'])->make([
    ["type" => "text", "name" => "first_name", "label" => "First Name", "value" => "John"],
    ["type" => "text", "name" => "last_name", "value" => "Doe"]
]);

在视图中使用

<?php echo $form; ?>

可添加的属性及其默认值

您也可以像这样使用 JavaScript

在控制器中

$formBuilderJs = FormBuilder::js();

在 Blade 文件中

<?php echo $formBuilderJs ?>

<form id="exampleForm">
    {{ csrf_field() }}
</form>
<script type="text/javascript">
    let data = [
        {name: "name", id: "name", placeholder: "Please enter your name"},
        {type: "textarea", name: "description", id: "desc", class: "desc", container_class: "descContainer"},
        {type: "select", name: "car", options: ['Ferrari', 'BMW'], value: "BMW"},
        {type: "radio", name: "city", options: [{name: 'New York', value: 'new_york'}, {name: 'London', value: 'london'}], value: "london"},
        {type: "raw_html", value: "<hr>"},
        {type: "file", name: "image"}
    ];

    const formBuilder = new FormBuilder(data, '#exampleForm');
</script>

您可以在这里找到有关如何使用 JavaScript 的详细信息

许可证

MIT 许可证（MIT）。有关更多信息，请参阅许可证文件。