首頁 > web前端 > H5教程 > 在移動HTML5頁面input類型採用number無法控制長度,以及右邊顯示難看的加減按鈕

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

黄舟
發布: 2017-02-09 15:53:35
原創
2950 人瀏覽過

場景:

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

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

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

  

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

解決方法:

           

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

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


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板