An attribute that defines the interval between allowed input values.
step
は、フォームの入力欄(特に <input type="number">
や <input type="date">
など)で入力できる値の間隔を指定するための属性です。
例えば、step="2"
とすると、2刻み(2, 4, 6...)の数値しか入力できなくなります。
日付の場合も、step="7"
とすると1週間ごとの日付だけが有効になります。
ポイント:
min
属性と組み合わせると開始値からの刻みが決まるmin="0" step="5"
→ 0, 5, 10, 15 ...any
を指定すると細かい刻みを気にせず自由に入力できるstep="any"
ブラウザは step
に合わない値が入力されたとき、エラーとして扱うか入力補助を行います。