輸入類型=數字，不允許值不舍入為步長

Question

我有一些HTML輸入元素，它們是數字輸入框。 如果設置step =“ 0.1”，則類似0.001的輸入將無效。 如果設置step =“ 0.001”，則涉及的點擊過多。

Firefox 42似乎強制執行了此行為，但Chrome 46允許使用任何數字。 這是一個示例， http://jsfiddle.net/1Lwe59yq/

<html>
  <input type="number" id="num" min="0" max="10" step="0.1" />
  <script>
    document.getElementById("num").value = 0.001;
  </script>
</html>

在Firefox中嘗試一下，然后在Chrome中嘗試進行比較。

當用戶單擊向上或向下箭頭時，如何使輸入框認為所有數字均有效，但仍保留步長？

請注意，該項目中不能使用任何外部庫。

謝謝

編輯：這里仍然沒有好的解決方案，所以我已經實現了帶有驗證和向上/向下按鈕的自定義文本框

Answer 1

我相信您的“步驟”需要與該值具有相同的小數位數，但是您可以像設置其他輸入一樣設置占位符
http://jsfiddle.net/1Lwe59yq/1/

<input type="number" id="num" min="0" max="10" step="0.1" placeholder=".001" />

輸入類型=數字，不允許值不舍入為步長

問題描述

1 個解決方案

解決方案1
0 2015-12-05 07:48:03

輸入類型=數字，不允許值不舍入為步長

問題描述

1 個解決方案

解決方案1 0 2015-12-05 07:48:03

解決方案1
0 2015-12-05 07:48:03