1. 首页
  2. 表单 Form
  3. form-select 下拉选择

表单 · form-select 下拉选择

原生 <select> 直接加 form-select 即可获得统一外观；option 单独定制：主色字、圆角、hover 反白（主色底白字）。
表单家族 索引 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 本页内容 基本用法 option 项样式 表单内组合

基本用法

<select name="type" class="form-select"> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select>

option 项样式

<select name="color" class="form-select"> <option value="red">红色主题</option> <option value="blue">蓝色主题</option> <option value="green">绿色主题</option> </select>

表单内组合

<form class="form"> <div class="form-item"> <label class="label label-block label-text pd-none">所属分类</label> <select name="category" class="form-select">...</select> </div> </form>
上一张 form-textarea 多行文本
下一张 form-number 数字步进
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页