input type="number"を積極的に使用するための5つのポイントブラウザやOSによって挙動が異なる IEやMicrosoft Edgeはそもそもinput type="number"に未対応のためinput type="text"と見た目と挙動に変化がない。 スピンボタンが追加される FirefoxおよびChromeなどのWebKit系ブラウザはスピンボタンが付いて見た目が変わる。押すと数値の上限が可能。 スピンボタンを押すとデフォルトだと1ずつ増減するがstep属性を追加してstep="5"のように指定すると5ずつ増減させることができる。 ちなみにWebKit系ブラウザのみ以下のCSSでスピンボタンを非表示にすることが可能。 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } FirefoxとWebKitで入力
