layui的form表单一行显示多个文本框

Posted 2021-03-01 荆棘人

html结构

<div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">展示模板：</label>
                    <div class="layui-input-inline">
                        <select id="ShowTemplate" name="ShowTemplate" lay-filter="ShowTemplate" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="1">模板1</option>
                            <option value="2">模板2</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">打印模板：</label>
                    <div class="layui-input-inline">
                        <select id="PrintTemplate" name="PrintTemplate" lay-filter="PrintTemplate" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="1">模板1</option>
                            <option value="2">模板2</option>
                        </select>
                    </div>
             </div>
 </div>

相当于用<div class="layui-inline">包括两个表单项。