HTML-Eingabefeld benutzerdefinierte Schritt Tasten

Question

Hoffe jemand kann mich in die richtige Richtung mit diesem zeigen.

Ich habe ein einfaches Eingabefeld:

<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> 

Welche OK funktioniert, aber die Benutzer haben angefordert:

• Nur erlauben Eingang in Vielfachen von 0,025
• Die Auf- und Abwärtspfeilen bewegen Vielfache von 1

So ist es durchaus akzeptabel, in 1.025 einzugeben, aber klicken Sie auf der Pfeil nach oben in der Box gibt 1, dann 2 usw.

Ich kann es konfigurieren, um beide Anforderungen gleichzeitig aber nicht beide zu erfüllen. Gibt es eine Möglichkeit, das Verhalten der Pfeile außer Kraft zu setzen?

aktualisieren

Die Lösung unterhalb von frajk vorgesehen funktioniert gut, aber wenn Sie auf Senden klicken dann erhalten Sie die Meldung:

Wie dem auch sei Runde das?

Answer 1

Sie haben jQuery verfügbar Angenommen, ich denke, das tut, was Sie für

<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

Ihr Code funktioniert gut, wie Sie in Chrom und Firefox möchten. Pfeil nach oben klicken, um den Wert auf 1.025 zu ändern.