KSAUI开发文档-凯撒PHP框架 - 我所想正如你所愿

表单布局

我们给表单分配了几个特有的标签，请看下面的介绍：

tagName	介绍
ks-form	表单主框架，支持属性： top = 上下结构 inline = 行内表单 size = small（表单大小） label-width = 标题元素宽度(支持数字或带单位的宽度值)
ks-form-item	子级项目，支持属性： required = 显示必填标识 label = 项目标题 extra = 项目介绍
ks-form-group	将包含的所有`ks-form-item`作为一行

默认结构

元素介绍

上下结构

top 属性表示上下结构

行内表单

inline 属性表示行内表单

综合应用

<ks-form>
                    <ks-form-item label="商品名称" required>
                        <input type="ks-text" value="" placeholder="请输入...">
                    </ks-form-item>
                    <ks-form-item label="上架状态" required>
                        <input type="ks-radio" name="status" value="1" text="上架" checked>
                        <input type="ks-radio" name="status" value="2" text="下架">
                    </ks-form-item>
                    <ks-form-item label="销售商" extra="请输入销售商完整名称" required>
                        <input type="ks-text" value placeholder="请输入商家名称">
                    </ks-form-item>
                    <ks-form-group>
                        <ks-form-item label="销售价格" required>
                            <input type="ks-text" value="" placeholder="请输入...">
                        </ks-form-item>
                        <ks-form-item label="原价" required>
                            <input type="ks-text" value="" placeholder="请输入...">
                        </ks-form-item>
                    </ks-form-group>
                    <ks-form-item label="销售区域">
                        <ks-row spacing="2">
                            <ks-col span="12" pc="6">
                                <select class="ks-select" style="width: 100%">
                                    <option value="0">选择省份</option>
                                    <option value="1">北京市</option>
                                    <option value="2">新疆维吾尔自治区</option>
                                </select>
                            </ks-col>
                            <ks-col span="12" pc="6">
                                <select class="ks-select" style="width: 100%">
                                    <option value="0">选择城市</option>
                                    <option value="1">大城市</option>
                                    <option value="2">小城市</option>
                                </select>
                            </ks-col>
                            <ks-col span="12" pc="6">
                                <select class="ks-select" style="width: 100%">
                                    <option value="0">选择区县</option>
                                    <option value="1">东城区</option>
                                    <option value="2">西城区</option>
                                </select>
                            </ks-col>
                            <ks-col span="12" pc="6">
                                <select class="ks-select" style="width: 100%">
                                    <option value="0">选择城镇</option>
                                    <option value="1">三里屯</option>
                                    <option value="2">五里屯</option>
                                </select>
                            </ks-col>
                        </ks-row>
                        <div class="ks-mt2"><input type="ks-text" value placeholder="请输入街道地址"></div>
                    </ks-form-item>
                    <ks-form-item>
                        <ks-btn submit color="primary">提交</ks-btn>
                        <ks-btn reset>重置</ks-btn>
                    </ks-form-item>
                </ks-form>