場景：

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

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

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

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

解決方法：

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

以上就是 在移動(dòng)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)容還不錯(cuò)，歡迎將生活随笔推薦給好友。