1. 首页
  2. 表单 Form
  3. form-modifier 修饰类

表单 · form-modifier 修饰类

修饰类加在 form 或字段上调整尺寸、标题、行距与圆角：form-small/large、form-head、form-item、form-noborder、form-noradiusl/r。
表单家族 索引 base input textarea select number search checkbox radio switch choose multipled labels inpselect button label file files upload video image images imgurls date datetime color price sms sign listing json arrays infinite location latlng editor richtext line modifier data 本页内容 尺寸 标题与行距 无边框与圆角

尺寸

<div class="form form-small"> <input class="form-input" placeholder="小号表单"> </div> <div class="form form-large"> <input class="form-input" placeholder="大号表单"> </div>

标题与行距

发布商品
<form class="form"> <div class="form-head">发布商品</div> <div class="form-item"> <label class="label label-text pd-none">标题</label> <input class="form-input"> </div> </form>

无边框与圆角

<div class="form form-line"> <input class="form-input form-noradiusr" placeholder="左段输入"> <button class="form-button form-noradiusl">拼接按钮</button> </div>
<div class="form form-line"> <div class="form-other"><input class="form-noborder" placeholder="无边框输入"></div> <button class="form-button">确认</button> </div>
上一张 form-line 一行组合
下一张 form-data 数据与校验
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页