表单行 formRow

用法

用于表单的布局，将包含的多个部件水平渲染到同一行中。

zin 声明

form
(
    formRow
    (   
        set::width('full'),
        formGroup
        (   
            set::width('1/2'),
            set::label('所属项目集'),
            set::name('program'),
        )
    )
);

render();

生成的 HTML

<form class="form form-grid form-ajax" id="zin4" method="post">
    <div class="form-row grow-0 w-full">
        <div class="form-group grow-0 w-1/2">
            <label class="form-label">所属项目集</label>
            <input class="form-control" type="text" autocomplete="off" name="program" id="program">
        </div>
    </div>
    <div class="form-row">
        <div class="toolbar form-actions form-group gap-4 no-label">
            <button class="toolbar-item btn primary" type="submit"><span class="text">保存</span></button>
            <a class="toolbar-item btn btn-default" type="button" href=""><span class="text">返回</span></a>
        </div>
    </div>
    <script>(function(){$(() => zui.create("ajaxForm","#zin4",[]));}())</script>
</form>

属性

属性名	类型	默认值	说明
width	string	-	表单行的宽度，具体值请参考 tailwindcss Width。
items	array	-	表单元素支持以内部 列表项 item 部件数组的形式传入。grid 为 true 渲染为 formRow 组件，为 false 渲染为 formGroup 组件。

块

无

数据

无