我在 HTML 中有一個數字輸入欄位。
<input type="number" value="0">
我希望用戶不能在文本框中輸入超過五個字符。
我maxlength之前在型別設定為 時使用過該屬性text，但這不適用于該number屬性。有沒有相對簡單的解決方案（首選行內 HTML）來克服這個問題并限制字符數？
謝謝。
uj5u.com熱心網友回復：
如果您希望數字中最多包含 5 位數字，則可以使用最大的 5 位數字并將其設定max為輸入的屬性：
<input type="number" max="99999" />
以上只會將數字最大化99999，但不會禁止輸入超過 5 個字符。僅使用 HTML 無法做到這一點。
不過，它可以用 JavaScript 來完成。例如：
<input oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
type="number"
maxlength="5"
/>
上面的代碼所做的只是oninput，它檢查 中的字符數input，如果超過了 中指定的字符數maxlength，則洗掉該字符。
來源：在 Chrome 中輸入 type="number" 忽略 maxlength
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/425184.html
上一篇：Formik回傳舊值狀態