html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮...
場景:
這是之前做的移動(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Dreamweaver的HTML语言标记
- 下一篇: html5 自动生成迷宫,HTML5 C