Question

我想禁用输入数字的默认更改事件。我不想删除箭头，我只想自定义用户将在输入中看到的值：

https://codepen.io/vendramini/pen/gNbVoe


<form id="myform">
  <input class="number-padding" type="number" required pattern="[0-9]{2}" />
  <input type="submit" />
</form>

(function($) {
  $("#myform").submit(e => {
    e.preventDefault();

    alert("form sent!");
    return false;
  });

  $(".number-padding").on("change", function(e) {
    e.preventDefault();

    if ($(this).val() < 10) {
      $(this).val("0" + $(this).val());
    }

    return false;
  });
})(jQuery);

请告诉我是否有可能在不从头开始创建大型输入组件的情况下，或者只有整个框架才能做到这一点。谢谢！

修改：

我找到的最佳参考文献是react-numeric-input，但我不使用React。我接受具有相同功能的jQuery库。

Answer 1

只需在输入标签中添加只读属性，就可以了

<input class="number-padding" type="number" required pattern="[0-9]{2}" value='5' readonly="readonly" />

HTML5：可以通过Java禁用输入类型编号的更改事件吗？

1 个答案: