在移動HTML5頁面input類型採用number無法控制長度，以及右邊顯示難看的加減按鈕

場景：

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

們點擊時，手機預設掉起的鍵盤中只有字母和符號，而我們這裡只需要輸入數字，我們只有切換一下才是數字鍵盤。後來我們採用了number類型的輸入框，雖然能吊起手機的數字

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

  

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

解決方法：

           

     把輸入框的type由number改為tel,不僅能夠限制輸入字符串類型的長度的限制，同時能夠掉起手機的數字鍵盤，而且不會出現的numbersumber樣式。

以上就是 在行動HTML5頁面input類型採用number無法控制長度，以及右邊顯示難看的加減按鈕的內容，更多相關內容請關注PHP中文網（www.php.cn）！