InputNumber 개요

InputNumber 컨트롤을 통해 사용자가 숫자를 입력하고 편집할 수 있습니다. 일반 입력 요소에 비해 다음과 같은 장점이 있습니다:

1. 사용자는 숫자가 아닌 값을 입력할 수 없습니다.
2. format 속성을 사용하여 편집할 때 숫자 형식을 지정하여 읽기 쉽게 만들 수 있습니다. 양식 문자열은 .NET-스타일 표준 숫자 양식 문자열입니다.
3. min 및 max 속성을 통해 유효한 값의 범위를 지정할 수 있습니다(사용자는 이 범위를 벗어나는 값을 입력할 수 없습니다).
4. step 속성을 통해 사용자가 컨트롤의 증가/감소 버튼을 클릭할 때 값에 추가되는 증가를 지정할 수 있습니다.

이러한 속성에 대한 예시를 제공하는 데모를 참고하실 수 있습니다.

기본적으로, InputNumber 값이 필요하므로 컨트롤의 전체 콘텐츠를 삭제할 수 없습니다. 컨트롤에서 모든 내용을 삭제하고 비워 두려면 isRequired 속성을 __false__로 설정하시길 바랍니다.

HTML

  <input id="theNumber">

Javascript

import * as input from '@grapecity/wijmo.input';

function init() {
    // a regular input number
    let theNumber = new input.InputNumber('#theNumber', {
      min: 0,
      max: 100,
      step: 10,
      placeholder: 'Your age (optional)'
    });    
}