<input type="number">

概要

<input type="number"> は数値入力用のコントロールを作成します。min、max、step 属性で値の範囲と刻みを制御します。

対応ブラウザ

基本構文

<label>数量:
  <input type="number" min="1" max="99" step="1" value="1">
</label>

<label>価格:
  <input type="number" min="0" step="0.01" placeholder="0.00">
</label>

実務での使いどころ

• <input type="number"> の活用

  数値入力に特化した <input> タイプ。スピナーUIと数値バリデーションを提供。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <input type="number">
• Can I use — <input type="number">