表单 · form-labels 多标签
input[data-type="labels"] 多标签输入：每行一个输入框，值最终以 data-limiter（缺省英文逗号）拼接写入 value。
最后一行获得焦点自动追加一行；每行右侧 icon-del 删除（仅剩一行时提示不可删）。配 data-help 时控制台打印操作说明。
表单家族
索引
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-type | labels（必填） |
data-limiter | 分隔符，缺省英文逗号 |
data-help | 存在时向控制台打印说明 |
value | 以分隔符拼接的初始值 |
多标签
<div class="form-item">
<label class="label label-text pd-none">商品标签</label>
<input type="hidden" data-type="labels" name="tags" value="新品,热卖">
</div>
自定义分隔符
<div class="form-item">
<label class="label label-text pd-none">权限标记</label>
<input type="hidden" data-type="labels" name="keys" value="a|b|c" data-limiter="|">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页