HTML <input> step属性

HTML <input> タグ

定義と使用法

step 属性は<input>要素の中で有効な数字の間隔を定義します。

例：step="3"の場合、有効な数字は-3、0、3、6などです。

ヒント：step 属性はmaxおよびmin属性と一緒に使用して、有効な値の範囲を作成できます。

注意：step 属性適用以下入力タイプに：

  • number
  • range
  • date
  • datetime-local
  • month
  • time
  • week

例

指定された合法な数字間隔を持つ入力フィールドを含む HTML フォーム：

<form action="/action_page.php">
  <label for="points">ポイント：</label>
  <input type="number" id="points" name="points" step="3">
  <input type="submit">
</form>

実際に試してみてください

文法

<input step="number">

属性値

値 説明
number 入力フィールド内の合法な数字の間隔を指定します。デフォルトは 1 です。
any

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 10.0 16.0 5.0 10.6

注釈：step 属性は HTML5 での新しい属性です。

HTML <input> タグ