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。