1. 首页
  2. 表单 Form
  3. form-number 数字步进

表单 · form-number 数字步进

数字步进器 form-number：中间输入框居中，左右 number-del（减）/ number-add（加）灰底按钮；number-small 缩小字号。整组宽度取内容自适应（width:min-content）。
表单家族 索引 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 本页内容 基本结构 number-small 小号 number-win 布局

基本结构

− ＋
<div class="form-number"> <span class="number-del">−</span> <input type="number" name="count" value="1"> <span class="number-add">＋</span> </div>

number-small 小号

− ＋
<div class="form-number number-small"> <span class="number-del">−</span> <input type="number" name="qty" value="3"> <span class="number-add">＋</span> </div>

number-win 布局

− 10 ＋
<div class="form-number"> <span class="number-del">−</span> <span class="number-win">10</span> <span class="number-add">＋</span> </div>
上一张 form-select 下拉选择
下一张 form-search 搜索框
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页