HTML输入框自定义步骤按钮

Question

希望有人能指出我正确的方向。

我有一个简单的输入框：

<form>
<input id="Days" name="Days" type="number" required step="0.025" min="0.000" max="5" value="1.000">
<input type="submit" id="Sub"/>
</form>

哪个有效，但用户要求：

• 仅允许以0.025
的倍数输入
• 向上和向下箭头以1
的倍数移动

所以输入1.025是完全可以接受的，但点击框中的向上箭头给出1然后2等。

我可以将其配置为满足任一要求，但不能同时满足这两个要求。有没有办法覆盖箭头的行为实现这个？

更新

以下frajk提供的解决方案效果很好但是当您点击提交时，您会收到消息：

readme

无论如何围绕那个？

Answer 1

假设你有jQuery可用，我认为这可以做你正在寻找的东西

<input id="Days" name="Days" type="number" required step="1.000" min="0.000" max="5" value="1.000">

$("#Days").change(function(e) {
    var $ele = $(e.target);
    $ele.val( (Math.ceil($ele.val()*40)/40).toFixed(3) );
});

Answer 2

您的代码在chrome和firefox中正常运行。 向上箭头单击使值更改为1.025。