プログラマーな日々

プログラマーをやっています。好きなツール:TaskChute Cloud・WorkFlowy、好きな言語:C#、好きなサービス:Backlog、好きなAWS:AWS Lambda。

input要素(type属性 = number)

数値用の入力フィールドを表します。

使用例

<!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="number" id="number" step="0.1" />
            <input type="submit" value="送信" />
        </p>
    </form>
</body>

レンダリング

初期表示

上(下)ボタンクリック

上(下)ボタンをクリックすると、数値がインクリメント(デクリメント)されます。

数値エラー

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