場景：

這是之前做的移動web控件時遇到的問題。當時在我們控件的HTML5頁面需要輸入卡號、CV2、手機號、驗證碼等信息。大家都知道這些值都是數(shù)字。普通類型的輸入框，當我

們點擊時，手機默認掉起的鍵盤中只有字母和符號，而我們這里只需要輸入數(shù)字，我們只有切換一下才是數(shù)字鍵盤。后來我們采用了number類型的輸入框，雖然能吊起手機的數(shù)字

鍵盤，但是在有些手機上面會顯示增加和減少按鈕，同時有的手機還不支持比如錘子手機，最主要的是不能限制輸入的長度。

后來在我們這個控件下個版本中，我們對Html5各種類型的輸入框進行了測試，終于找到了下面類型的輸入框，滿足我們的要求。

解決方法：

把輸入框的type由number改為tel,不僅能夠限制輸入字符串的長度的限制，同時能夠掉起手機的數(shù)字鍵盤，而且不會出現(xiàn)number類型那種難看的樣式。

以上就是 在移動HTML5頁面input類型采用number無法控制長度，以及右邊顯示難看的加減按鈕的內(nèi)容，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)(www.php.cn)！

聲明：本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請注明出處，感謝您的尊重！如有疑問，請聯(lián)系admin@php.cn處理

總結(jié)

以上是生活随笔為你收集整理的html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度，以及右边显示难看的加减按钮...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。