Question

我的网站上有一个计算模型：http://073design.nl/kasopmaak/kasopmaak2.html

这里我希望人们只输入INTEGER数字，所以我在输入html表单字段中添加了step =“1”。但是仍然可以输入FLOATS。

有人知道，为什么step =“1”在这里不起作用？

 <div class="form-group">
      <div class="col-lg-12">
        <input type="number" step="1" class="form-control" id="in01" placeholder="0" name="amount_0.10">
      </div>
    </div>

Answer 1

您应该指定小数必须为0.所以我会使用：

<input type="number" step="1.00" class="form-control" id="in01" 
placeholder="0" name="amount_0.10">

价值＆＃34; 1＆＃34; for step是默认值

Answer 2

仅在提交表单时检查限制（type = "number"）。

如果您想禁止输入除数字之外的任何内容，则必须向onkeypress添加input事件侦听器并过滤掉非数字字符。用户仍然可以粘贴任意文本，因此您还必须为blur添加事件侦听器，并且如果它不包含有效整数，则将焦点放在input上。

HTML输入表单中只有整数，类型号不起作用

2 个答案: