# InputNumber
## 컨트롤 설명
숫자, 소수점, 비밀번호 데이터를 입력받을 수 있는 컨트롤입니다.
{% hint style="info" %}
InputText VS InputNumber
InputText와의 차이로는 InputNumber 컨트롤은 문자형(number type)으로 보이는 숫자만 쓸 수 있다는 것입니다.
{% endhint %}
## 스타일 유형
다양한 스타일 유형들을 제공하고 있습니다.
## 디자인(Design) 모드
### 인풋 컨트롤 속성 변경
{% hint style="info" %}
인풋 컨트롤은 우측에서 각각의 속성을 변경하여 수정할 수 있습니다.
{% endhint %}
### 디자인 속성
## 개발(Dev) 모드
### 컨트롤 유형
Input 컨트롤에 입력한 값을 표시하는 방식을 지정할 수 있습니다.
* **Number**: 정수인 숫자값만 입력할 수 있습니다.
* **Decimal**: 소수점을 사용하여 숫자를 입력할 수 있습니다.
* **Password:** 숫자를 입력한 값을 •••• 형식으로 보여줍니다.
### 입력가능한 최대 길이
앱에서 Input 컨트롤에 입력 가능한 최대 글자수를 지정할 수 있습니다.
### Data
#### 컬렉션키(멀티)
InputNumber는 컬렉션키를 여러개 등록할 수 있습니다.
1. 데이터 연결을 활성화 합니다.
2. 컬렉션키를 선택하거나 입력합니다.
### Event
#### 이벤트 사용 - 이벤트 종류
* **FocusIn**: 사용자가 InputNumber 컨트롤에 포커스를 맞추면 발생하는 이벤트입니다.
* **Change**: 사용자가 InputNumber 컨트롤에 데이터를 변경하고 해당 컨트롤에서 포커스가 벗어날 때 발생하는 이벤트입니다.
* **FocusOut**: InputNumber 컨트롤에서 포커스가 벗어나면 발생하는 이벤트입니다.
* **Input**: 사용자가 InputNumber 컨트롤에 데이터를 변경 하는 동안 지속적으로 발생하는 이벤트입니다.
{% hint style="info" %}
**Change** VS **Input**
Change 이벤트는 값이 변경된 후 InputText컨트롤에서 포커스아웃 되면서 발생하지만 Input 이벤트는 포커스 아웃 여부와 관계 없이 값이 변경되는 시점에 발생합니다.
{% endhint %}
### 공통 개발 속성
