禁用输入类型=“数字”中的直接值编辑

Question

我使用<input type="number">。因为我不希望用户可以手动输入数字输入。用户只能逐步增加和减少数字，这是可能的。

Answer 1

您可以通过取消keydown事件来实现。内联（<input type="number" onkeydown="return false">）或事件处理程序。

Answer 2

使用jQuery

$('input[type="number"]').keydown(function (e) {
  e.preventDefault();
});

Answer 3

使用readonly属性输入。

<input type="number" readonly>

<强> Demo