在HTML輸入表單只有整，型號不起作用

Question

我有一個計算模型網站：http://073design.nl/kasopmaak/kasopmaak2.html

在這裏我希望人們只輸入整數，所以我加了一步=「1' 到輸入HTML表單字段，但是它仍然可能TOI進入浮動。

是否有人知道，爲什麼步=「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"> 

值「1」用於...的步驟是默認的一個

Answer 2

的限制（type = "number"）的形式被提交時僅檢查。

如果您不想輸入除數字以外的任何內容，則必須將onkeypress事件偵聽器添加到input，並過濾掉非數字字符。用戶仍然可以粘貼任意文本，因此如果不包含有效整數，您還必須爲blur添加事件偵聽器，並將焦點保留在input上。