input type=numberの入力チェックについて
HTML5で入力フォームを作成したのですが、type=numberとしたinputタグにおいて、特定の数値が入力チェックに引っかかります。
Windows7(64bit)、Windows10(64bit)で確認したところ、以下の状況となっています。
- Windows7 IE11では「有効な値を入力してください」というメッセージが表示され、送信できません。
- Windows7にインストールした、Firefox、Chromeではデータを送信できます。
- Windows10 IE11およびEdgeでは、データを送信できます。
再現するHTMLを記載します。
<!DOCTYPE html><html><body><form>
<input type="number" value="52429.2" step="0.1">
<input type="number" value="6990.73" step="0.01">
<input type="number" value="524.305" step="0.001">
<button type="submit">GO</button></form></body></html>
上記の数値ではメッセージが出るのですが、step分を増減するとメッセージが出なくなります。
上記のほかにも、52429.7などで同様のメッセージが出ています。
ひとまず、JavaScriptを経由することで回避できそうなので、私にとっての緊急性はなくなったのですが、
HTMLのみでは、どのように実装すればよかったのでしょうか。
属性の設定が漏れているのか、IE11の挙動としてこういうのがあるのか分かりませんでした。
よろしくお願いいたします。
※Microsoftのフォーラムで同じ質問を投げましたが、回答を得られませんでした。マルチポストになります、すみません。
https://answers.microsoft.com/ja-jp/ie/forum/ie11-windows_7/input/9ae12b00-5136-4e69-8190-ecc59fe3af1e