表单 · form-listing 多行列表
textarea[data-type="listing"] 多行列表:与 labels 同逻辑,行样式为 card form-input(适合规格 / 关键词等列表输入)。
最后一行获得焦点自动追加新行;data-limiter 分隔符缺省英文逗号;value 以分隔符拼接各行。
表单家族
索引
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 | listing(必填,textarea 上) |
data-limiter | 分隔符,缺省英文逗号 |
value | 以分隔符拼接的初始文本 |
多行列表
<div class="form-item">
<label class="label label-text pd-none">商品规格</label>
<textarea data-type="listing" name="specs">XL,L</textarea>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页