输入组 inputGroup

用法

表单组 formGroup 的子部件，用于将多个输入部件结合为一组，在UI上渲染为具有多个输入框的输入组。

zin 声明

formPanel
(
    formRow
    (
        formGroup
        (
            set::width('1/2'),
            set::label('起止时间'),
            set::required(true),
            inputGroup
            (
                input
                (
                    set::name('begin'),
                    set::value(date('Y-m-d')),
                    set::placeholder('开始日期'),
                    set::required(true)
                ),
                '至',
                input
                (
                    set::name('end'),
                    set::placeholder('结束日期'),
                    set::required(true)
                ),
            )
        )
    )
);

render();

生成的 HTML

<form class="form form-grid form-ajax" id="zin6" method="post">
    <div class="form-row">
        <div class="form-group required grow-0 w-1/2">
            <label class="form-label required">起止时间</label>
            <div class="input-group">
                <input class="form-control is-required" type="text" autocomplete="off" name="begin" value="2023-04-21" placeholder="开始日期" id="begin">
                <span class="input-group-addon">至</span>
                <input class="form-control is-required" type="text" autocomplete="off" name="end" placeholder="结束日期" id="end">
            </div>
        </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","#zin6",[]));}())</script>
</form>

属性

属性名	类型	默认值	说明
items	array	-	表单元素支持以内部 列表项 item 部件数组的形式传入。grid 为 true 渲染为 formRow 组件，为 false 渲染为 formGroup 组件。
seg	bool	false	多个渲染的标签之间是否以段的形式拼接。