[html]input type="number"で入力可能数値を制限する方法

単純に。

参考

仕様を読めば片付くけどね。

- HTML: ハイパーテキストマークアップ言語 | MDN
要素の number 型は、ユーザーに数値を入力させるために使用されます。数値以外の入力を除外するための値検証機能を内蔵しています。

サンプル

1~100
<input type="number" name="" min="1" max="100">

あんまり意味ない

numberを指定したinputはアクティブ状態だと、上下の矢印が表示されてそれをクリックする、または矢印キーを押すと数値を増減できる。

その動作に制限が付けられるってだけなんで、キーボードから直接入力すると無視される。

微妙。

コメント

タイトルとURLをコピーしました