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提供的解决方案效果很好，但是当您单击Submit时，您会收到以下消息：

反正呢？

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。