HTML リファレンスマニュアル

HTMLタグ全般

HTML: <input> step 属性

input step属性は<input>要素内の合法な番号間の間隔を指定し、step =“ 3”，ならば有効な数字は-3、0、3、6等、同時にstep属性はmaxおよびmin属性と組み合わせて使用され、合法値の範囲を作成することができます。

　HTML <input> タグ

オンラインサンプル

HTMLフォームの一例で、指定された合法な数字の間隔を持つ入力フィールドがあります：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　step　属性　-　基礎教程網(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　<input　type="number"　name="points"　step="3">
　　<input　type="submit">
</form>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Opera、ChromeおよびSafariがstep属性をサポートしています。

注意：FirefoxまたはInternet Explorer 9 及びそれ以前のバージョンでは<input>タグのstep属性をサポートしていません。

定義と使用法

step属性は<input>要素内の有効な番号の間の間隔を指定します。

例えば：step =“ 3”，ならば有効な数字は-3、0、3、6など。

ヒント：step 属性は以下の属性と組み合わせて使用できます： max および min 属性を組み合わせて使用することで、有効な値の範囲を作成できます。

注意：step 属性は以下の input タイプに適用されます：number、range、date、datetime、datetime-local、month、time そして week に適用されます。

HTML 4.01 と HTML5の間の違い

step 属性は HTML5 で新しい属性が追加されました。

構文

<input step="number">

属性値

値	説明
number	入力フィールドの有効な数字の範囲を指定します。

　HTML <input> タグ

HTML: <template> タグ