フォームの属性step

CGI使って、車の燃費とオイル交換の管理をしてる。
ガソリン入れたその場で、スマホから入力するのだが、今日なぜか、「有効な値を入力してください」というメッセージがフォームの横に表示された。
いつも通りの作業なのに、不思議。
どうやら、小数の値を受け付けないもよう。

INPUTのtypeがnumberの場合、stepという属性を指定できる。step=”0.1″と書くと、小数点第1位まで入力できる、ということらしい。今まで、stepを記述していなかった。記述のない場合は、初期値の1となる。
試しに、step=”any”と記述したら、入力できるようになった。

iOSのSafariが厳密に解釈するようになったのかな?
Chromeでもstep無しでは小数の入力が出来なかった。

コメントを残す