表单 · form-label 选择片
把隐藏的单选 / 复选
<input> 包在 <label class="form-label"> 里做成「选择片」:点击整片切换选中,hover 类为主色底 + 白字选中态;加 label-list 可转成大写字母列表条目。
表单家族
索引
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
本页内容
基本选择片
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 ·
返回首页