html5の数値入力欄

inputタグのtype属性をnumberにすると数値入力欄になります。

例

<input type="number" name="number" id="number">

ブラウザで確認すると以下の様な入力フォームが出力されます。

数値入力欄の値をJavaScriptでNumberとして取得することもできます。Numberとして取得したい場合は、valueAsNumberプロパティを通して値を取得します。

例

  (function() {
    var number = document.getElementById('number'),
        value;
    value = number.valueAsNumber;
    console.log(typeof value);
  })();