数値入力：概要

InputNumberコントロールを使用して、ユーザーは数値を入力および編集できます。通常の入力要素と比べて、次のメリットがあります。

数値以外の値を入力できません。
formatプロパティを使用して、編集時に数値を書式設定して読みやすくすることができます。書式文字列は、.NET形式の標準の数値書式の文字列として表されます。
minプロパティとmaxプロパティを使用して、有効な値の範囲を指定できます（この範囲外の値は入力できません）。
stepプロパティを使用して、ユーザーがコントロールのインクリメント／デクリメントボタンをクリックしたときに値に加減される増分値を指定できます。

これらのプロパティの例については、デモを参照してください。

デフォルトでは、InputNumberの値は必須なので、コントロールの内容全体を削除することはできません。コントロールからすべての内容を削除し、コントロールを空にできるようにするには、isRequiredプロパティをfalseに設定します。

InputNumber

HTML

<input id="theNumber">

JavaScript

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

function init() {
    // 標準的なInputNumber
    let theNumber = new input.InputNumber('#theNumber', {
      min: 0,
      max: 100,
      step: 10,
      placeholder: '数値（オプション）'
    });    
}

数値入力：概要
HTML
JavaScript