如何更改HTML数字输入的增量值而不更改有效值?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (151)

我有一个输入表单,如下所示:

<input type="number" value="0.00" step="0.05">

我找到了STEP函数,它从技术上解决了我的增量问题,将它改为0.05,而不是默认的1。但是,我没有找到一个解决方案,可以在不更改有效输入的情况下更改增量。

输入可以接受任何数字,但最常见的值将是0.05的增量。有办法解决这个问题吗?

提问于
用户回答回答于

如果你希望绕过HTML 5表单验证,可以使用JavascriptForm.Submit()方法。作为一个基本示例,你可以防止单击Submit按钮时的默认行为,并使用JS中的Submit()方法提交表单。下面是你的示例代码:

<!DOCTYPE html>
<html>

<body>
  <form id="form1" action="/action">
    Enter your number:
    <input type="number" value="0.00" step="0.05">
    <br><br>
    <input type="submit" onClick="submitForm(event)" />
  </form>

</body>
<script>
  function submitForm(e) {
    e.preventDefault();
    document.getElementById("form1").submit();
  }
</script>

</html>

用户回答回答于

使用nonvalidate在Form标记中,将消除验证,但保留由step

扫码关注云+社区

领取腾讯云代金券