1、右側出現上下加減按鈕

　　不顯示上下加減按鈕

解決

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0; }

?

2、maxlength不起作用如何解決

如：<input type="number" maxlength="11" >時maxlength失效，長度可以無限輸入。(輸入手機號常用)

解決：

<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" onpaste="if(value.length>11)value=value.slice(0,11)"> oniput 是 輸入 用戶輸入時觸發 onpaste 是粘貼 用戶粘貼時觸發
或

使用 tel 屬性 <input type="tel" maxlength="11">

?

?

轉載于:https://www.cnblogs.com/zelzzz/p/9424741.html

總結

以上是生活随笔為你收集整理的input的type为number的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。