input只能輸入小數點後兩位

一、不能輸入小數點

有時候，我們需要用戶輸入一個數字，但不希望他們輸入小數。我們可以使用input類型為number，但是如果用戶用小數點分隔數字，它仍然會被接受。所以，我們需要一種方法阻止用戶輸入小數點。

<input type="number" onkeydown="return event.keyCode !== 190">

這段代碼使用onkeydown事件來監聽用戶輸入。keyCode 190 是小數點的鍵碼，如果用戶按下小數點鍵，此時onkeydown事件將返回false，因此小數點不會被輸入。

二、input number不能輸入小數點

除了不能輸入小數點，有時候我們還需要確保input類型為number的輸入框不能輸入小數點。我們可以使用step屬性來確保步數為1。

<input type="number" step="1">

這段代碼中，step屬性的默認值是1，但如果用戶使用小數點，它將重新計算值。如果我們將step屬性設置為1，即使用戶使用小數點，值也將四捨五入為整數。

三、input只能輸入數字和小數點

如果我們需要用戶能夠輸入小數，但同時又需要確保他們只能輸入數字和小數點，我們可以使用正則表達式來限制輸入。

<input type="text" pattern="[0-9]*\.?[0-9]*">

這段代碼中，pattern屬性接受一個正則表達式，它只允許輸入數字和小數點。[0-9]*表示0個或多個數字，\.?表示可選的小數點，[0-9]*表示0個或多個數字。

四、input禁止輸入小數點

有時候我們需要禁止用戶在輸入框中輸入小數點，即使用戶使用小數點，它也將被忽略。我們可以使用JavaScript來實現這一點。

<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')">

這段代碼中，onkeyup事件將在每次用戶鬆開鍵盤時觸發，它會使用正則表達式/[^\d]/g將除數字外的所有字符替換為空格，因此只有數字會被輸入框接受。

五、input輸入數字和小數點

有時候，我們需要用戶能夠輸入數字和小數點，但我們還需要確保小數點只能在末尾出現一次。我們可以使用JavaScript來檢查小數點是否有效。

<input type="text" onblur="checkDecimal(this.value)">
<script>
function checkDecimal(value) {
  if (value !== "") {
    var decimalCount = (value.match(/\./g) || []).length;
    if (decimalCount > 1 || (decimalCount === 1 && value.slice(-1) === ".")) {
      alert("Invalid decimal format");
    }
  }
}
</script>

這段代碼中，onblur事件將在輸入框失去焦點時觸發。checkDecimal函數將檢查輸入的值中小數點的數量。如果小數點的數量大於1或者小數點在末尾，並且值不為空，它將彈出一個警告框。