1. 首页
  2. 表单 Form
  3. form-label 选择片

表单 · form-label 选择片

把隐藏的单选 / 复选 <input> 包在 <label class="form-label"> 里做成「选择片」:点击整片切换选中,hover 类为主色底 + 白字选中态;加 label-list 可转成大写字母列表条目。

基本选择片

<label class="form-label"> <input type="checkbox" name="tag[]" value="a"> <span>标签 A</span> </label> <label class="form-label"> <input type="radio" name="gender" value="m"> <span>男</span> </label>

hover 选中态

<label class="form-label hover"><input type="checkbox"><span>已选中</span></label>

label-list 列表条目

<label class="form-label label-list"><input type="checkbox"><span>第一条</span></label>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页