Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

input要素 step属性

step属性は、その入力フィールドの入力単位を表します。

使用例

<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5></title>
<meta charset="UTF-8">
</head>
<body>
    <form action="hoge.cgi" method="post">
        <p>
            日時:<input type="datetime" id="datetime" step="1800" />
            <input type="submit" value="送信" />
        </p>
    </form>
</body>

レンダリング

[送信]ボタンクリック

step属性が"1800"なので、30分刻みでない時刻を送信しようとすると、検証エラーになります。

関連エントリー

input要素(type属性 = datetime) - プログラマーな日々
タイムゾーンがUTCの日時用の入力フィールドを表します。 ...

input要素(type属性 = date) - プログラマーな日々
日付用の入力フィールドを表します。 ...

input要素(type属性 = month) - プログラマーな日々
年月用の入力フィールドを表します。 ...

input要素(type属性 = week) - プログラマーな日々
週用の入力フィールドを表します。 ...

input要素(type属性 = time) - プログラマーな日々
時刻用の入力フィールドを表します。 ...

input要素(type属性 = datetime-local) - プログラマーな日々
タイムゾーンなしの日時用の入力フィールドを表します。 ...

input要素(type属性 = number) - プログラマーな日々
数値用の入力フィールドを表します。 ...

input要素(type属性 = range) - プログラマーな日々
範囲を制限された数値用の入力フィールドを表します。 ...

HTML5エントリーのまとめ - プログラマーな日々