숫자입력

InputNumber 개요

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

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

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

  <input id="theNumber">

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)'
    });    
}