1. 首页
  2. 表单 Form
  3. form-switch 开关

表单 · form-switch 开关

input[data-type="switch"] 开关控件：渲染为 card card-switch 双态按钮。 两态文字用 data-on / data-off 自定义（缺省 ON / OFF），值为 1（开）/ 0（关）。初始以 value 判定，非 0 即开。
表单家族 索引 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
本页内容 关键属性 开关

关键属性

属性说明
data-typeswitch（必填）
data-on开启态文字，缺省 ON
data-off关闭态文字，缺省 OFF
value1 开 / 0 关，非 0 即开

开关

<div class="form-item"> <label class="label label-text pd-none">消息推送</label> <input type="hidden" data-type="switch" name="push" value="1" data-on="开启" data-off="关闭"> </div> <div class="form-item"> <label class="label label-text pd-none">夜间模式</label> <input type="hidden" data-type="switch" name="night" value="0" data-on="ON" data-off="OFF"> </div>
上一张 form-radio 单选
下一张 form-choose 选择器
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页