1. 首页
  2. 表单 Form
  3. form-base 基类

表单 · form-base 基类

表单整体由 form 基类包裹，内部三件套 form-head（标题）/ form-item（字段容器）/ 各类 form-input（输入控件）。字号与行高变体 form-small / form-large / form-item-large 调整整表单密度。
表单家族 索引 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 本页内容 form 基类 form-head 标题区 form-item 字段容器 字号 form-small / form-large form-item-large 增强

form 基类

<form class="form"> <div class="form-item"> <input type="text" name="title" class="form-input"> </div> <div class="form-item"> <textarea name="content" class="form-textarea"></textarea> </div> </form>

form-head 标题区

新建文章
<form class="form"> <div class="form-head">新建文章</div> <div class="form-item">...</div> </form>

form-item 字段容器

<form class="form"> <div class="form-item"><input class="form-input" name="a"></div> <div class="form-item"><input class="form-input" name="b"></div> </form>

字号 form-small / form-large

<form class="form form-small">...</form> <form class="form form-large">...</form>

form-item-large 增强

<form class="form form-item-large"> <div class="form-item"><input class="form-input"></div> <div class="form-item"><input type="button" class="form-button" value="提交"></div> </form>
上一张（循环） form-data 数据与校验
下一张 form-input 文本输入
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页