## InputNumber 數字輸入框
### 該文檔不再維護,新版文檔地址: [form-create 文檔](http://fc.gd8.top)
#### [在線預覽](https://jsrun.net/xehKp/edit)
#### 舉例:
```js
{
type: "InputNumber",
field: "price",
title: "價格",
value: 1,
props: {
"precision":2
},
}
```
#### maker快速生成:
```js
$formCreate.maker.number('排序','sort',0)
```
#### json 生成規則
```json
{
type: "InputNumber",//必填!
field: "sort",//必填!
title: "排序",//必填!
//input值
value: 1,
props: {
//最大值
"max": undefined,
//最小值
"min": undefined,
//每次改變的步伐，可以是小數
"step": 1,
//輸入框尺寸，可選值為large、small、default或者不填
"size":"default",
//設置禁用狀態
"disabled":false,
//是否設置為只讀
"readonly":false,
//是否可編輯
"editable":true,
//數值精度
"precision":0,
},
validate:[],
}
```
#### 參數說明
##### 基本規則 rule:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| type | 元素類型 | String | true | - |
| field | 字段名稱 | String | true | - |
| title | 字段別名 | String | true | - |
| value | 字段值 | String,Number | false | - |
| props | 元素配置 | Object | true | - |
| event | 元素事件 | Object | false | - |
| validate | 驗證規則 | Array | false | - |
##### 元素配置 props:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| max | 最大值 | Number | false | - |
| min | 最小值 | Number | false | - |
| step | 每次改變的步伐，可以是小數 | Number | false | 1 |
| size | 輸入框尺寸，可選值為large、small、default或者不填 | String | false | - |
| disabled | 設置禁用狀態 | Boolean | false | false |
| readonly | 是否設置為只讀 | Boolean | false | false |
| editable | 是否可編輯 | Boolean | false | true |
| precision | 數值精度 | Number | false | - |
##### 事件擴展 event:
| 事件名稱 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| change | 數值改變時的回調，返回當前值 | Function | false | - |
| focus | 聚焦時觸發 | Function | false | - |
| blur | 失焦時觸發 | Function | false | - |
---
