数字输入框

数字输入框组件已经打包为单独的组件,可脱离UI总组件单独使用。
下载组件

默认效果

<input type="text" name="text" value="1" class="ui-inputnumber" id="inputnumber" data-min="1" data-max="5">
<button class="ui-btn ui-btn-blue">获取值</button>

步长

<input type="text" name="text" value="1" class="ui-inputnumber" data-min="1" data-max="5" data-step="0.1">

位置

<input type="text" name="text" value="1" class="ui-inputnumber" data-max="5" data-align="center">

禁用

<input type="text" name="text" value="1" class="ui-inputnumber" data-disabled="1">
<input type="text" name="text" value="1" class="ui-inputnumber" data-align="center" data-disabled="1">

参数说明

参数 默认值 是否必须 参数说明
data-min 1 最小值
data-max 9999 最大值
data-align right 位置,可选值:center
data-step 1 设置步长,默认为:1
data-disabled 0 是否禁用,可选值:1