1. 首页
  2. 表单 Form
  3. form-button 表单按钮

表单 · form-button 表单按钮

表单内提交按钮 form-button：主色实心 + 白字，0.25rem 圆角；disabled 类切换为灰色不可点。与 btn 按钮 家族并行，前者偏表单语义、后者偏通用操作。
表单家族 索引 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 本页内容 基本用法 disabled 禁用态 表单提交组合

基本用法

<input type="button" value="保存" class="form-button"> <button type="button" class="form-button">发布</button>

disabled 禁用态

<input type="button" value="暂不可用" class="form-button disabled"> <button type="button" class="form-button disabled" disabled>原生 disabled</button>

表单提交组合

<form class="form" data-ajax="true" action="..."> <div class="form-item">...</div> <div class="form-item"> <input type="submit" value="提交" class="form-button"> <input type="reset" value="重置" class="form-button disabled"> </div> </form>
上一张 form-inpselect 输入选择
下一张 form-label 选择标签
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页