表单 · form-color 颜色
input[data-type="color"] 取色控件:渲染一个 .form-input 色卡,背景为当前 value。
点击调起 a.color 取色器,确定后写入 #rrggbb 并刷新色卡背景。
表单家族
索引
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 | color(必填) |
value | 颜色值 #rrggbb |
取色
<div class="form-item">
<label class="label label-text pd-none">主题色</label>
<input type="hidden" data-type="color" name="theme" value="#4080ff">
</div>
预置颜色
<div class="form-item">
<label class="label label-text pd-none">警示色</label>
<input type="hidden" data-type="color" name="warn" value="#e74c3c">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页